需求是這樣的,一開始頁面的側(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...
擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...
不必不斷增加,很浪費(fèi)資源。用 fixed 定位,判斷到底了之后換 absolute 定位或其它方式定位到底部。