jquery easyui スクロールバーの設定の紹介

ダイアログプラグインを使用すると、デフォルトでは画面が中央に表示されますが、ページにスクロールバーが表示されると、スクロールバーと一緒にダイアログが下にスクロールしません。これは人道的ではありません。解決策を説明する前に、いくつかの jquery の位置決めメソッドを普及させましょう

//获取浏览器显示区域的高度 
$(window).height(); 
//获取浏览器显示区域的宽度 
$(window).width(); 

//获取页面的文档高度 
$(document.body).height(); 
//获取页面的文档宽度 
$(document.body).width(); 

//获取滚动条到顶部的垂直高度 
$(document).scrollTop(); 
//获取滚动条到左边的垂直宽度 
$(document).scrollLeft();

、ダイアログを移動するための既製の関数がありますが、ダイアログ自体が解決します。移動関数はありませんが、ダイアログはパネルから継承されます。パネルには移動関数があるため、パネルの移動関数を呼び出してダイアログ

$('#dlg').dialog('open'); 
$("#dlg").panel("move",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});

where $(window).height()-250 を移動できます。 250px はダイアログの幅です。

jquery easyui スクロールバー設定の導入に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。