使用jQuery滾動條高度的方法
時間：
迪豪910由 分享
愛學(xué)習(xí)的小伙伴們你們知道怎么使用Jquery獲取滾動條的位置嗎?不知的話，跟著學(xué)習(xí)啦小編一起如何使用jquery獲取高度的方法吧。
jQuery獲取滾動條高度的相關(guān)方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
jquery 獲取滾動條高度獲取瀏覽器顯示區(qū)域的高度 ： $(window).height(); 獲取瀏覽器顯示區(qū)域的寬度 ：$(window).width(); 獲取頁面的文檔高度 ：$(document).height(); 獲取頁面的文檔寬度 ：$(document).width();獲取滾動條到頂部的垂直高度 ：$(document).scrollTop(); 獲取滾動條到左邊的垂直寬度 ：$(document).scrollLeft();計算元素位置和偏移量：$(id).offset();offset方法是一個很有用的方法，它返回包裝集中第一個元素的偏移信息。默認(rèn)情況下是相對body的偏移信息。結(jié)果包含 top和left兩個屬性。offset(options, results)options.relativeTo 指定相對計算偏移位置的祖先元素。這個元素應(yīng)該是relative或absolute定位。省略則相對body。options.scroll 是否把滾動條計算在內(nèi)，默認(rèn)TRUEoptions.padding 是否把padding計算在內(nèi)，默認(rèn)falseoptions.margin 是否把margin計算在內(nèi)，默認(rèn)trueoptions.border 是否把邊框計算在內(nèi)，默認(rèn)true |
使用js獲取滾動條底部的相關(guān)方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
//回到頁面頂部 $("#goTotop").click(function(){ $('body,html').animate({scrollTop:0},1500); //點擊按鈕讓其回到頁面頂部 }); $(window).scroll(function() { var yheight1=window.pageYOffset; //滾動條距頂端的距離 var yheight=getScrollTop(); //滾動條距頂端的距離 var height =document.documentElement.clientHeight//瀏覽器可視化窗口的大小 var top=parseInt(yheight)+parseInt(height)-217; var divobj=$(".kf"); divobj.attr('style','top:'+top+'px;'); }) /** * 獲取滾動條距離頂端的距離 * @return {}支持IE6 */function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = window.pageYOffset; } else if (document.compatMode && document.compatMode != 'BackCompat') { scrollPos = document.documentElement.scrollTop; } else if (document.body) { scrollPos = document.body.scrollTop; } return scrollPos; } |
使用jQuery滾動條高度的方法
愛學(xué)習(xí)的小伙伴們你們知道怎么使用Jquery獲取滾動條的位置嗎?不知的話，跟著學(xué)習(xí)啦小編一起如何使用jquery獲取高度的方法吧。 jQuery獲取滾動條高度的相關(guān)方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2
推薦度：
點擊下載文檔文檔為doc格式
