需求是這樣的,一開始頁面的側邊欄是固定在頁面的某一位置(如: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...
怎么讓頁面中固定定位的側邊欄的位置隨著滾動條動態增加呢?
慕無忌1623718
2018-11-23 19:14:23