Heim > Artikel > Web-Frontend > Einführung in einige Einstellungen der Bildlaufleiste von jquery easyui
Bei Verwendung des Dialog-Plug-Ins ist der Bildschirm standardmäßig zentriert. Wenn jedoch eine Bildlaufleiste auf der Seite angezeigt wird, scrollt der Benutzer nicht mit der Bildlaufleiste nach unten Um den Dialog zu positionieren, ist dies nicht benutzerfreundlich. Bevor wir die Lösung nennen, wollen wir mehrere JQuery-Positionierungsmethoden bekannt machen.
//获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); //获取滚动条到顶部的垂直高度 $(document).scrollTop(); //获取滚动条到左边的垂直宽度 $(document).scrollLeft();
OK, das folgende Problem kann leicht gelöst werden zum Verschieben des Dialogs, aber der Dialog selbst verfügt nicht über eine Verschiebefunktion, sondern der Dialog wird vom Panel geerbt und das Panel verfügt über eine Verschiebefunktion, sodass Sie die Verschiebefunktion des Panels aufrufen können, um den Dialog zu verschieben
$('#dlg').dialog('open'); $("#dlg").panel("move",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});
wobei $(window).height()-250, wobei 250px für die Dialogbreite steht.
Weitere Einführungen in die Jquery EasyUI-Bildlaufleisteneinstellungen und verwandte Artikel finden Sie auf der chinesischen PHP-Website!