jquery滾動的高度,jq獲取滾動高度

如何獲取滾動條的高度 jquery

獲取瀏覽器顯示區(qū)域的高度 ： $(window).height();

為頭屯河等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及頭屯河網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、頭屯河網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

獲取瀏覽器顯示區(qū)域的寬度 ：$(window).width();

獲取頁面的文檔高度 ：$(document).height();

獲取頁面的文檔寬度 ：$(document).width();

獲取滾動條到頂部的垂直高度 ：$(document).scrollTop();

獲取滾動條到左邊的垂直寬度 ：$(document).scrollLeft();

計(jì)算元素位置和偏移量：$(id).offset();

offset方法是一個(gè)很有用的方法，它返回包裝集中第一個(gè)元素的偏移信息。默認(rèn)情況下是相對body的偏移信息。結(jié)果包含 top和left兩個(gè)屬性。

offset(options, results)

options.relativeTo指定相對計(jì)

算偏移位置的祖先元素。這個(gè)元素應(yīng)該是relative或absolute定位。省略則相對body。

options.scroll是否把

滾動條計(jì)算在內(nèi)，默認(rèn)TRUE

options.padding是否把padding計(jì)算在內(nèi)，默認(rèn)false

options.margin

是否把margin計(jì)算在內(nèi)，默認(rèn)true

options.border是否把邊框計(jì)算在內(nèi)，默認(rèn)true

子頁面控制父頁面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

jquery滾動條在指定高度滾動

這個(gè)是兼容的 我公司的項(xiàng)目就用的這個(gè)獲取的。 function ScollPostion() {//滾動條位置 var t, l, w, h; if (document.documentElement document.documentElement.scrollTop) { t = document.documentElement.scrollTop; l = document.documentElement.scrollLeft; w = document.documentElement.scrollWidth; h = document.documentElement.scrollHeight; } else if (document.body) { t = document.body.scrollTop; l = document.body.scrollLeft; w = document.body.scrollWidth; h = document.body.scrollHeight; } return { top: t, left: l, width: w, height: h }; }

jquery獲取滾動條高度和位置

1、首先打開hbuilder編輯器，新建一個(gè)HTML文檔，里面輸入長篇的文字。

2、然后在上方引入jQuery的腳本，編輯js腳本，使用bind方法綁定瀏覽器的scroll事件，監(jiān)聽網(wǎng)頁滾動，之后用scrollTop()獲取垂直滾動距離，最后彈出輸出的值即可。

3、保存一下打開瀏覽器，可以看到一個(gè)長篇的文檔。

4、按F12打開瀏覽器開發(fā)者工具，切換到Console標(biāo)簽下，滾動鼠標(biāo)，就可以在開發(fā)者工具里顯示出瀏覽器高度位置的數(shù)據(jù)了。

jquery如何獲取元素的滾動高度

你好

請參考如下：

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度 ：

$(window).height();

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度 ：

$(window).width();

獲取頁面的文檔高度

$(document).height();

獲取頁面的文檔寬度 ：

$(document).width();

瀏覽器當(dāng)前窗口文檔body的高度：

$(document.body).height();

瀏覽器當(dāng)前窗口文檔body的寬度：

$(document.body).width();

獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)

$(document).scrollTop();

獲取滾動條到左邊的垂直寬度 ：

$(document).scrollLeft();

獲取或設(shè)置元素的寬度：

$(obj).width();

獲取或設(shè)置元素的高度：

$(obj).height();

某個(gè)元素的上邊界到body最頂部的距離：obj.offset().top;（在元素的包含元素不含滾動條的情況下）

某個(gè)元素的左邊界到body最左邊的距離：obj.offset().left;（在元素的包含元素不含滾動條的情況下）

返回當(dāng)前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offset().top（在元素的包含元素含滾動條的情況下）

返回當(dāng)前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offset().left（在元素的包含元素含滾動條的情況下）

分享標(biāo)題：jquery滾動的高度,jq獲取滾動高度
分享地址：http://m.kartarina.com/article42/dseeihc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、標(biāo)簽優(yōu)化、網(wǎng)頁設(shè)計(jì)公司、企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)