держать горизонтальную полосу прокрутки фиксированной

Question

У меня есть всплывающее окно, которое отображает рамку, в одном из моих кадров я использую вкладку jquery для отображения некоторых текстов.

Моя проблема в том, что когда я пытаюсь отобразить длинный текст или когда я уменьшаю размер окна, исчезает прокрутка по горизонтали, тогда я должен использовать вертикальную прокрутку для достижения прокрутки x в конце страницы. Я подозреваю вкладку jquery, потому что когда я удаляю ее, горизонтальная панель фиксируется.

Я пытался играть с атрибутами css, но безуспешно.

<script type="text/javascript"> 
    window.open("windowpoppup.html", "page",'width=1200px,height=400px,left=215px,top=25px,resizable=yes').focus(); 
</script> 

windowpoppup.html

<frameset cols="250,*"> 
    <frame name="displayTabs" src="other.html" marginheight="0" marginwidth="0"  scrolling="auto"> 
    <frame name="otherContent" src="myTabs.html" marginheight="0" marginwidth="0"  scrolling="auto"> 
</frameset> 

myTabs.html

HTML

<div id="tabs"> 
<ul style="background-color: white; position: fixed; width: 100%;margin-top: 39px;"> 
    <li><a class="tab1" id="0" href="#tab1">tab1</a></li> 
    <li><a class="tab2" id="1" href="#tab2">tab2</a></li> 
    <li><a class="tab3" id="2" href="#tab3">tab3</a></li> 
</ul> 

<div class="div1" id="tab1"><pre>long text</prev></div> 
<div class="div2" id="tab2"></div> 
<div class="div3" id="tab3"></div> 

JAVASCRIPT

$(function() { 

$("#tabs").tabs({ 
    activate: function (event, ui) { 
     var index = $('#tabs').tabs('option', 'active'); 
    } }); 

    }); 

Answer 1

За мое понимание, Вы хотите сделать Pop Up отзывчивым, так что если размер окна изменяется, вы можете прокручивать.

Это можно сделать, используя $ (window) .resize() JQuery.

// You can customize padding based on your requirement 
var paddingBottom = 100; 

// Initial value 
$('#tabs').height($(window).height() - paddingBottom) 

// Resize event 
$(window).resize(function(){ $('#tabs').height($(window).height() - paddingBottom) })