使用jQuery滾動(dòng)條高度的方法
時(shí)間：
迪豪910由 分享
愛(ài)學(xué)習(xí)的小伙伴們你們知道怎么使用Jquery獲取滾動(dòng)條的位置嗎?不知的話，跟著學(xué)習(xí)啦小編一起如何使用jquery獲取高度的方法吧。
jQuery獲取滾動(dòng)條高度的相關(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 獲取滾動(dòng)條高度獲取瀏覽器顯示區(qū)域的高度 ： $(window).height(); 獲取瀏覽器顯示區(qū)域的寬度 ：$(window).width(); 獲取頁(yè)面的文檔高度 ：$(document).height(); 獲取頁(yè)面的文檔寬度 ：$(document).width();獲取滾動(dòng)條到頂部的垂直高度 ：$(document).scrollTop(); 獲取滾動(dòng)條到左邊的垂直寬度 ：$(document).scrollLeft();計(jì)算元素位置和偏移量：$(id).offset();offset方法是一個(gè)很有用的方法，它返回包裝集中第一個(gè)元素的偏移信息。默認(rèn)情況下是相對(duì)body的偏移信息。結(jié)果包含 top和left兩個(gè)屬性。offset(options, results)options.relativeTo 指定相對(duì)計(jì)算偏移位置的祖先元素。這個(gè)元素應(yīng)該是relative或absolute定位。省略則相對(duì)body。options.scroll 是否把滾動(dòng)條計(jì)算在內(nèi)，默認(rèn)TRUEoptions.padding 是否把padding計(jì)算在內(nèi)，默認(rèn)falseoptions.margin 是否把margin計(jì)算在內(nèi)，默認(rèn)trueoptions.border 是否把邊框計(jì)算在內(nèi)，默認(rèn)true |
使用js獲取滾動(dòng)條底部的相關(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
|
//回到頁(yè)面頂部 $("#goTotop").click(function(){ $('body,html').animate({scrollTop:0},1500); //點(diǎn)擊按鈕讓其回到頁(yè)面頂部 }); $(window).scroll(function() { var yheight1=window.pageYOffset; //滾動(dòng)條距頂端的距離 var yheight=getScrollTop(); //滾動(dòng)條距頂端的距離 var height =document.documentElement.clientHeight//瀏覽器可視化窗口的大小 var top=parseInt(yheight)+parseInt(height)-217; var divobj=$(".kf"); divobj.attr('style','top:'+top+'px;'); }) /** * 獲取滾動(dòng)條距離頂端的距離 * @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滾動(dòng)條高度的方法
愛(ài)學(xué)習(xí)的小伙伴們你們知道怎么使用Jquery獲取滾動(dòng)條的位置嗎?不知的話，跟著學(xué)習(xí)啦小編一起如何使用jquery獲取高度的方法吧。 jQuery獲取滾動(dòng)條高度的相關(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
推薦度：
點(diǎn)擊下載文檔文檔為doc格式
