當內(nèi)容頁比較長的時候,網(wǎng)站右側(cè)一直是空白,不如放點有用的東西給用戶看,最好不要放廣告,因為那樣很邪惡,你懂的。
好吧,昨天寫了這個東西,jQuery滾動隨動區(qū)塊,代碼如下:
//側(cè)欄隨動
var rollStart = $('.feed-mail'), //滾動到此區(qū)塊的時候開始隨動
rollOut = $('.cookie-list'); //隱藏rollStart之后的區(qū)塊
var rollStart = $('.feed-mail'), //滾動到此區(qū)塊的時候開始隨動
rollOut = $('.cookie-list'); //隱藏rollStart之后的區(qū)塊
rollStart.before('<div class="da_rollbox"></div>');
var offset = rollStart.offset(),objWindow = $(window),rollBox = rollStart.prev(),
rollSet = $('.search,.weibo,.group'); //添加rollStart之前的隨動區(qū)塊
rollSet = $('.search,.weibo,.group'); //添加rollStart之前的隨動區(qū)塊
objWindow.scroll(function() {
if (objWindow.scrollTop() > offset.top){
if(rollBox.html(null)){
rollSet.clone().prependTo('.da_rollbox');
}
rollOut.fadeOut();
rollBox.show().stop().animate({marginTop: objWindow.scrollTop() - offset.top + 20},400);
} else {
rollOut.fadeIn();
rollBox.hide().stop().animate({marginTop:0},400);
}
});
if (objWindow.scrollTop() > offset.top){
if(rollBox.html(null)){
rollSet.clone().prependTo('.da_rollbox');
}
rollOut.fadeOut();
rollBox.show().stop().animate({marginTop: objWindow.scrollTop() - offset.top + 20},400);
} else {
rollOut.fadeIn();
rollBox.hide().stop().animate({marginTop:0},400);
}
});
碼中已有完整注釋,只需要寫上幾個class或者id(最好不要是id,w3c規(guī)定id不能重復使用)。