問題描述

需求是這樣的，一開始頁面的側(cè)邊欄是固定在頁面的某一位置（如：right:0;bottom:0）,隨著滾動(dòng)條的滾動(dòng)，為了防止側(cè)邊欄折疊頁腳部分（參考下圖），到一定位置，bottom的值隨身滾動(dòng)條的增加而增加，效果類似起點(diǎn)中文網(wǎng)的效果，代碼如下，求大神，我的bottom只增加一個(gè)就不動(dòng)了！代碼如下：

//滾動(dòng)條監(jiān)聽事件$(window).scroll(function () { var sTop = $(document).scrollTop(); var Bottom = 100;//設(shè)置底部距離 if (sTop >= 1738) {Bottom++;//不斷增加$('.main .main_p').css('bottom',Bottom);//設(shè)置固定側(cè)邊框位置 }else{$('.main .main_p').css('bottom',0); }})

起點(diǎn)中文網(wǎng)的具體效果展示：http://read.qidian.com/chapte...

問題解答

不必不斷增加，很浪費(fèi)資源。用 fixed 定位，判斷到底了之后換 absolute 定位或其它方式定位到底部。

看看這樣行不行. https://jsfiddle.net/eyvxw3wc/