一、jquery獲取的相關方法
jquery 獲取滾動條高度
獲取瀏覽器顯示區域的高度 ：
$(window).height();
獲取瀏覽器顯示區域的寬度 ：
$(window).width();
獲取頁面的文件高度 ：
$(document).height();
獲取頁面的文件寬度 ：
$(document).width();
獲取滾動條到頂部的垂直高度 ：
$(document).scrolltop();
獲取滾動條到左邊的垂直寬度 ：
$(document).scrollleft();
計算元素位置和偏移量：$(id).offset();
offset方法是乙個很有用的方法，它返回包含集合第乙個元素的偏移資訊。預設情況下是相對body的偏移資訊。
結果包含 top和left兩個屬性。
offset(options, results)
options.relativetop
指定相對計算偏移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。
options.scroll
是否把滾動條計算在內，預設true
options.padding
是否把padding計算在內，預設false
options.margin
是否把margin計算在內，預設true
options.border
是否把邊框計算在內，預設true
二、使用js獲取的相關方法
//回到頁面頂部
$("#gototop").click(function(),1500); //點選按鈕讓其回到頁面頂部
});
$(window).scroll(function() )
/**
* 獲取滾動條距離頂端的距離
* @return {}支援ie6
*/
function getscrolltop()
else if (document.compatmode && document.compatmode != 'backcompat')
else if (document.body)
return scrollpos;
}
瀏覽器滾動條
做 時發現登入成功後瀏覽器滾動條消失無法滾動頁面 通過觀察和除錯，發現是強制隱藏了bootstrap的模態框後，body的overflow變為了hidden，同時也多了乙個17px的右內邊距，無法呼叫出垂直滾動條，解決方案 隱藏模態框的同時設定body的overflow為scroll，同時取消右內邊...
iframe滾動條充當瀏覽器滾動條
在做部落格專案的時候，使用了iframe，方便根據選擇的文章類別切換顯示的內容，但是文章一般都有很多，通過bootstrap的 列表的方式顯示的話，iframe是一定會出現滾動條的，特別是我新增了乙個 滾動條觸底之後動態載入更多的文章 的功能。這樣頁面上就會有兩個滾動條，特別奇怪。在網上學習了一些之...
瀏覽器寬高 滾動條獲取
瀏覽器視窗的大小 var h window.innerheight 可視視窗的高度 不包括及工作列 var w window.innerwidth 可視視窗的寬度 var w1 document.documentelement.clientwidth 可視視窗的寬度 不包括滾動條及工作列 var h...