快捷導(dǎo)航

jquery判斷滾動(dòng)條距離頂部的距離方法

更新時(shí)間：2018年09月05日 11:26:25 作者：覺羅曉

今天小編就為大家分享一篇jquery判斷滾動(dòng)條距離頂部的距離方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

實(shí)例如下：

// 滑動(dòng)滾動(dòng)條
$(window).scroll(function(){
// 滾動(dòng)條距離頂部的距離 大于 200px時(shí)
if($(window).scrollTop() >= 200){
$(".scroll_top").fadeIn(1000); // 開始淡入
} else{
$(".scroll_top").stop(true,true).fadeOut(1000); // 如果小于等于 200 淡出
}
});

以上這篇jquery判斷滾動(dòng)條距離頂部的距離方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)的簡(jiǎn)單分頁示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單分頁,涉及jQuery數(shù)學(xué)運(yùn)算與頁面元素操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
Jquery動(dòng)態(tài)更改一張位圖的src與Attr的使用
用Jquery想動(dòng)態(tài)更改一張位圖的src發(fā)現(xiàn)css不好用而attr貌似是能操作所有屬性，包括Jquery未封裝的屬性，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-07-07
jquery獲取input的value問題說明
剛開始接觸jquery，很多東西不熟悉在用$("#id")來獲得頁面的input元素的時(shí)候，發(fā)現(xiàn)$("#id").value不能取到值
2010-08-08
Jquery使用each函數(shù)實(shí)現(xiàn)遍歷及數(shù)組處理
這篇文章主要介紹了Jquery使用each函數(shù)實(shí)現(xiàn)遍歷及數(shù)組處理,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）
文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）,需要的朋友可以參考下
2012-04-04
jQuery簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊文本框復(fù)制內(nèi)容到剪貼板上的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊文本框復(fù)制內(nèi)容到剪貼板上的方法,涉及jQuery針對(duì)瀏覽器的判定與剪貼板的讀寫操作技巧,需要的朋友可以參考下
2016-08-08
jQuery實(shí)現(xiàn)的導(dǎo)航條切換可顯示隱藏
用jQuery實(shí)現(xiàn)一些導(dǎo)航條切換，顯示隱藏，主要用到slideToggle( )，toggeClass( )，toggle()
2014-10-10
easy ui datagrid 從編輯框中獲取值的方法
下面小編就為大家?guī)硪黄猠asy ui datagrid 從編輯框中獲取值的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
jquery中ajax函數(shù)執(zhí)行順序問題之如何設(shè)置同步
這篇文章主要介紹了jquery中ajax函數(shù)執(zhí)行順序問題之如何設(shè)置同步,需要的朋友可以參考下
2014-02-02
Jquery獲得控件值的三種方法總結(jié)
本篇文章主要是對(duì)Jquery獲得控件值的三種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02