js中scrollTop()方法和scroll()方法用法示例
更新時間：2016年10月03日 11:09:30 作者：kp12345
這篇文章主要介紹了js中scrollTop()方法和scroll()方法用法,結(jié)合實例形式分析了scrollTop()方法和scroll()方法滾動操作的用法與相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了js中scrollTop()方法和scroll()方法用法。分享給大家供大家參考，具體如下：
設(shè)置滾動條據(jù)頂部的高度：
$("div").scrollTop(100); //把 scroll top offset 設(shè)置為 100px
獲得滾動條的高度：
$("div").scrollTop()；//獲得 scroll top offset
觸發(fā)滾動事件
$(selector).scroll()
將函數(shù)綁定到滾動事件中：
$(selector).scroll(function)
監(jiān)聽滾動事件，判斷當(dāng)滾動到距離頂部700px時，將其position改為fixed：
$(window).scroll(function(){
var $scroll_height = $(".gray").scrollTop();
if($scroll_height > 700){
$(".hot-nav").addClass("fix-nav");
} else {
$(".hot-nav").removeClass("fix-nav");
}
})
這是jquery中的用法，
offset() 獲取匹配元素在當(dāng)前視口的相對偏移。
返回的對象包含兩個整形屬性：top 和 left。此方法只對可見元素有效。
top:$(this).offset().top+25+"px"
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄猻so跨域?qū)慶ookie的一段js腳本(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
js如何構(gòu)造elementUI樹狀菜單的數(shù)據(jù)結(jié)構(gòu)詳解
由于業(yè)務(wù)需要，要求實現(xiàn)樹形菜單，且菜單數(shù)據(jù)由后臺返回，下面這篇文章主要給大家介紹了關(guān)于js如何構(gòu)造elementUI樹狀菜單的數(shù)據(jù)結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2021-05-05
2008-03-03
這篇文章主要介紹了javascript中拼接HTML字符串的最快、最好的方法，本文共計介紹了3種方法,并對3個各自做了瀏覽器速度測試,需要的朋友可以參考下2014-06-06
這篇文章主要給大家介紹了關(guān)于如何在JS中如何使用css變量以及export之javascript關(guān)鍵字的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2021-09-09 
js中根據(jù)字?jǐn)?shù)截取字符串，不能截斷url
給一個文字，對輸出的文字進行截取，保留400個字符,其中對url的保留比較麻煩，尤其是有兩個相同url時不能采用indexOf獲取其字符位置
2012-01-01 
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)留言板，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11 
js表格分頁實現(xiàn)代碼，需要的朋友可以參考下。
2009-09-09 
JavaScript中介者模式是一種行為型設(shè)計模式,用于降低多個對象之間的耦合性,在中介者模式中,多個對象之間不直接相互通信,而是通過中介者進行通信, 本文就來給大家詳細(xì)的介紹一下JS設(shè)計模式之中介者模式使用方法,需要的朋友可以參考下
2023-08-08