jQuery判斷div隨滾動條滾動到一定位置后停止
更新時間：2014年04月02日 10:42:09 作者：
這篇文章主要介紹了jQuery判斷div隨滾動條滾動到一定位置后停止的方法,需要的朋友可以參考下
實現(xiàn)代碼:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var rollSet = $('#widget');
var offset = rollSet.offset();
var fwidth = $("#footer").height();
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
var scrollBtm = $(document).height() - $(window).scrollTop() - $("#widget").height();
if (offset.top < scrollTop) {
if (scrollBtm > fwidth) {
rollSet.removeClass('absolute').addClass('fixed')
} else {
rollSet.removeClass('fixed').addClass('absolute')
}
} else {
rollSet.removeClass('fixed')
}
})
</script>
方法說明：
由頁面總高度減去已滾動的高度再減去ID為widget的層的高度即等于該層底部距離底部的高度；
當(dāng)距離底部的高度小于或等于特定位置距離底部的高度時，去掉樣式fixed，然后給該層添加絕對定位！
CSS中要給父父層添加position:relative;
相關(guān)文章
jquery 插件開發(fā) extjs中的extend用法小結(jié)
在jquery中，extend其實在做插件時還是用的比較多的，今天同時小結(jié)jquery和ext js中的extend用法,有需要的朋友可以參考下2013-01-01
JQuery的ajax函數(shù)的返回類型只有xml、text、json、html等類型，沒有“流”類型，所以我們要實現(xiàn)ajax下載，不能夠使用相應(yīng)的ajax函數(shù)進行文件下載。但可以用js生成一個form，用這個form提交參數(shù)，并返回“流”類型的數(shù)據(jù)。在實現(xiàn)過程中，頁面也沒有進行刷新2013-05-05
這篇文章主要介紹了jquery帶動畫效果幻燈片特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
JavaScript 學(xué)習(xí)筆記之一jQuery寫法圖片等比縮放以及預(yù)加載
以前對于JavaScript總是在用到的時候在頁面上寫幾個函數(shù)，基本沒考慮到函數(shù)的封裝與重用，最近有個項目可能對于這方面要求有點高，所以就研究了下類似jQuery的封裝2012-06-06
如果一定要用最高版本的jQuery，最省事的辦法莫過于在寫xxx.focus()時，加一個try/catch，變成try{xxx.focus();}catch(e){}2014-01-01
jquery判斷復(fù)選框選中狀態(tài)以及區(qū)分attr和prop
這篇文章主要介紹了jquery判斷復(fù)選框選中狀態(tài)以及區(qū)分attr和prop，感興趣的小伙伴們可以參考一下2015-12-12
使用jQuery+EasyUI實現(xiàn)CheckBoxTree的級聯(lián)選中特效
這篇文章主要介紹了使用jQuery+EasyUI實現(xiàn)CheckBoxTree的級聯(lián)選中特效的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了jquery實現(xiàn)動態(tài)添加附件功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
jquery.lazyload 實現(xiàn)圖片延遲加載jquery插件
看到了淘寶產(chǎn)品介紹中,圖片是在下拉滾動條時加載,這是一個很不錯的用戶體驗。減少了頁面加載的時間了，也減輕了服務(wù)器的壓力，就查了下用JQuery..2010-02-02
jquery中trigger()無法觸發(fā)hover事件的解決方法
jquery中trigger() 方法觸發(fā)被選元素的指定事件類型了，但有使用過程中會碰到一些問題了，下面我們一起來看看jQuery中trigger()觸發(fā)hover事件疑問,希望對各位有幫助。2015-05-05