首頁  >  文章  >  web前端  >  jquery easyui捲軸部分設定介紹

jquery easyui捲軸部分設定介紹

高洛峰
高洛峰原創
2017-01-11 09:55:541156瀏覽

在使用dialog插件時,預設是螢幕居中的,但是當頁面出現滾動條時,dialog並沒有隨著滾動條往下滾動,這時就需要用戶滑動滾動條來定位dialog,這不人性化,在說出解決方案前來普及一下jquery關於定位的幾個方法 

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

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

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

ok,下面問題就很好處理了,移動dialog有現成的函數,不過dialog本身沒有move函數,但是dialog是繼承自panel的,panel有move函數,因此可以呼叫panel的move函數來移動dialog 

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

其中$(window).height()-250,這裡250px是dialog的寬度。

更多jquery easyui滾動條部分設定介紹相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn