JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
獲取瀏覽器和頁(yè)面文檔的寬度和高度
//獲取瀏覽器顯示區(qū)域的高度
$(window).height();
//獲取瀏覽器顯示區(qū)域的寬度
$(window).width();
//獲取頁(yè)面的文檔高度
$(document.body).height();
//獲取頁(yè)面的文檔寬度
$(document.body).width();
獲取滾動(dòng)條的位置
//獲取滾動(dòng)條到頂部的垂直高度
$(document).scrollTop();
//獲取滾動(dòng)條到左邊的垂直寬度
$(document).scrollLeft();
計(jì)算位置和偏移量
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)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
- jquery 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法
- jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果
- 基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動(dòng)
- 一個(gè)JQuery寫的點(diǎn)擊上下滾動(dòng)的小例子
- JQuery獲取元素尺寸、位置及頁(yè)面滾動(dòng)事件應(yīng)用示例
- js,jquery滾動(dòng)/跳轉(zhuǎn)頁(yè)面到指定位置的實(shí)現(xiàn)思路
- jQuery實(shí)現(xiàn)將div中滾動(dòng)條滾動(dòng)到指定位置的方法
- jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法
- 使用jquery animate創(chuàng)建平滑滾動(dòng)效果(可以是到頂部、到底部或指定地方)
- 通過(guò)JQuery將DIV的滾動(dòng)條滾動(dòng)到指定的位置方便自動(dòng)定位
- 利用jquery制作滾動(dòng)到指定位置觸發(fā)動(dòng)畫
- jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法分析
相關(guān)文章
基于jquery的選擇標(biāo)簽至文本域效果,可多選/可過(guò)濾重復(fù)/可限制個(gè)數(shù)的實(shí)現(xiàn)代碼
選擇標(biāo)簽至表單域插件, 基于jQuery, 可多選/可過(guò)濾重復(fù)/可限制個(gè)數(shù). 是以前的項(xiàng)目中用到過(guò)的一個(gè)項(xiàng)目, 當(dāng)初是用原生js東拼西湊的, 用jQuery重寫了下,已封裝成插件.2010-11-11jQuery中bind與live的用法及區(qū)別小結(jié)
本篇文章主要是對(duì)jQuery中bind與live的用法以及區(qū)別進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01EasyUI學(xué)習(xí)之Combobox級(jí)聯(lián)下拉列表(2)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox級(jí)聯(lián)下拉列表的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12BootStrap網(wǎng)頁(yè)中代碼顯示<code><pre>用法詳解
網(wǎng)頁(yè)中代碼的顯示,包括行中代碼顯示;成段的代碼顯示.本文給大家介紹bootstrap網(wǎng)頁(yè)中代碼顯示<code><pre>用法詳解,感興趣的朋友一起看看吧2016-10-10jquery獲取iframe中的dom對(duì)象(兩種方法)
本文為大家詳細(xì)介紹下父窗口中操作iframe、在子窗口中操作父窗口,獲取iframe內(nèi)的dom對(duì)象有兩種方法,感興趣的朋友可以了解下哈,希望對(duì)大家有所幫助2013-07-07jQuery setTimeout()函數(shù)使用方法
setTimeout在以前的js中是定時(shí)執(zhí)行一個(gè)對(duì)象或函數(shù),下面我來(lái)介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細(xì)的參考參考2013-04-04jQuery學(xué)習(xí)筆記 操作jQuery對(duì)象 屬性處理
HTML文檔,不但有一系列語(yǔ)義標(biāo)簽,每個(gè)標(biāo)簽下屬還有一系列屬性節(jié)點(diǎn)。自然我們也想去操作這些屬性節(jié)點(diǎn)。格式仍然為$(selector).方法2012-09-09jquery獲取select,option所有的value和text的實(shí)例
下面小編就為大家?guī)?lái)一篇jquery獲取select,option所有的value和text的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03