Heim  >  Artikel  >  Web-Frontend  >  Einführung in einige Einstellungen der Bildlaufleiste von jquery easyui

Einführung in einige Einstellungen der Bildlaufleiste von jquery easyui

高洛峰
高洛峰Original
2017-01-11 09:55:541141Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn