javascript - 怎么讓頁面中固定定位的側邊欄的位置隨著滾動條動態增加呢？

問題描述

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

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

起點中文網的具體效果展示：http://read.qidian.com/chapte...

問題解答

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

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