各個瀏覽器對獲取獲取窗口滾動條位置和窗口大小沒有提供統一的API,以下是對其封裝,解決兼容性問題 /** * 獲取瀏覽器視口的大小(顯示文檔的部分) * */function getViewPortSize(){ // 除IE8及更早的版本以外的瀏覽器 ...
JQuery獲取瀏覽器窗口的可視區域高度和寬度,滾動條高度 alert window .height 瀏覽器時下窗口可視區域高度 alert document .height 瀏覽器時下窗口文檔的高度 alert document.body .height 瀏覽器時下窗口文檔body的高度 alert document.body .outerHeight true 瀏覽器時下窗口文檔body的總 ...
2017-05-11 14:37 0 2727 推薦指數:
各個瀏覽器對獲取獲取窗口滾動條位置和窗口大小沒有提供統一的API,以下是對其封裝,解決兼容性問題 /** * 獲取瀏覽器視口的大小(顯示文檔的部分) * */function getViewPortSize(){ // 除IE8及更早的版本以外的瀏覽器 ...
// 滾動條位置 var scrollPosition = { // 位置 result: 0, // 監聽位置 rememberPosition: function () { var type = 'scroll' var ...
1)關於 pageX, clienX,offsetX,layerX pageX:鼠標在頁面上的位置,從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 clientX:鼠標在頁面上可視區域的位置,從瀏覽器可視區域左上角開始,即是以瀏覽器滑動條此刻的滑動到的位置為參考 ...
...
//獲取class或者id或者標簽下的滾動條滾動數據 var a = document.querySelector(".class/#id").scrollTop //獲取整個頁面的滾動條滾動數據 document.documentElement.scrollTop; ...
<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div> 記住寬和高一定要設置噢,否則不成的 這樣比較好的是,在寬和高不超出時,只是一條線 直接為div指定 ...
下面就開始scrollTop 用法講解: scrollTop() 定義和用法 scrollTop() 方法設置或返回被選元素的【垂直滾動條位置】。 Note: 當滾動條位置位於最頂部時,位置是0;當用於返回位置時: 該方法返回 第一個匹配元素的滾動條的垂直位置。當用於設置位置時 ...
<div style="width:120px;height:120px;border:1px solid red; position:absolute; left:800px; ...