2015-03-01 4 views
0

У меня есть диалоговое окно JQuery и я открываю его с этим кодом:..Есть ли в любом случае принудительный диалог вертикальной полосы прокрутки jquery вверх?

$ ("# MyDialog") диалог ("открыто") CSS ("MaxHeight", window.innerHeight - 150);

У меня есть css() в конце, чтобы убедиться, что диалог не длиннее текущего окна пользователей, и если это необходимо, отключите его и создайте вертикальную полосу прокрутки.

Это прекрасно работает, но теперь я хочу, чтобы вертикальная полоса прокрутки была сверху, но я не могу заставить ее работать. Я попытался поставить это после предыдущей строки:

$("#myDialog").scrollTop(0); 

    $("#myDialog").scrollTop(); 

, и я попытался это так:

$("#myDialog").dialog({ 
     resizable: false, 
     height: 'auto', 
     open: function() { 
      $(this).scrollTop(0); 
     }, 

но ничего не кажется, чтобы заставить вертикальную полосу прокрутки в верхней части после открытия диалогового окна.

+0

что вы подразумеваете под воздействием вертикальной полосы прокрутки вверху –

ответ

0

добавить эти два параметра в ваш диалог следующим образом, и по умолчанию ваш свиток будет вверху:

$("#myDialog").dialog({ 
     maxHeight: window.innerHeight - 15, 
     overflow:'scroll' 
}); 

использовать что-то вроде:

<div id="clickme">click me</div> 
<div id="dialog" title="Dialog Title"> 
    <p>ipt Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. 
    jQuery UI is a curated set of user interface jQuery UI is a curated set.</p> 
</div> 

<script> 
$("#clickme").click(function(event) { 
    $("#dialog").dialog("open"); 
    event.preventDefault(); 
}); 

$("#dialog").dialog({ 
    autoOpen: false, 
    width: 400, 
    maxHeight: window.innerHeight - 15, 
    overflow:'scroll', 
    buttons: [ 
     { 
      text: "Ok", 
      click: function() { 
       $(this).dialog("close"); 
      } 
     }, 
     { 
      text: "Cancel", 
      click: function() { 
       $(this).dialog("close"); 
      } 
     } 
    ] 
}); 

</script> 

проверить свой код в http://jsfiddle.net/fmqyw889/1/

+0

Это не работает. Если я это сделаю, я больше не вижу вертикальную полосу прокрутки – leora

+0

проверить отредактированное решение, его работа отлично для меня –

+0

@leora этот ответ по-прежнему не так? –

 Смежные вопросы

  • Нет связанных вопросов^_^