国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 怎么讓頁面中固定定位的側(cè)邊欄的位置隨著滾動條動態(tài)增加呢?

瀏覽:131日期:2023-06-01 18:39:50

問題描述

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

//滾動條監(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); }})

javascript - 怎么讓頁面中固定定位的側(cè)邊欄的位置隨著滾動條動態(tài)增加呢?javascript - 怎么讓頁面中固定定位的側(cè)邊欄的位置隨著滾動條動態(tài)增加呢?

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

問題解答

回答1:

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

回答2:

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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 国产91综合 | 国产午夜免费不卡精品理论片 | 欧美一级俄罗斯黄毛片 | 色综合a| 国产一区国产二区国产三区 | 欧美日韩一级二级三级 | 私人玩物福利视频 | 欧美在线一区二区三区欧美 | 成人满18在线观看网站免费 | 欧美日韩亚洲综合久久久 | 91精品一区二区三区在线播放 | 中国一级毛片特级毛片 | 日本韩国一级毛片中文字幕 | 日本亲子乱子伦视频 | 精品国产乱码久久久久久一区二区 | 国产精品久久久精品三级 | 一级一片免费播放 | 国产精品二区页在线播放 | 欧美a大片欧美片 | 怡红院免费va男人的天堂 | 99精品国产成人一区二区在线 | 午夜爽爽爽视频 | 一级毛片a免费播放王色 | 欧美一级网 | 在线国产二区 | 亚欧成人中文字幕一区 | 国产v日韩v欧美v精品专区 | 91成人午夜性a一级毛片 | 久久99国产精品久久99果冻传媒 | 日韩视频久久 | 美女毛片在线看 | 大尺度福利视频奶水在线 | 亚洲欧美日本在线观看 | 日本在线看小视频网址 | 俄罗斯一级毛片免费播放 | 九九九九在线视频播放 | 97欧美精品一区二区三区 | 男女同床爽爽视频免费 | 国产精品一二区 | 久草在线视频资源站 | 一级欧美一级日韩毛片99 |