當(dāng)內(nèi)容頁(yè)比較長(zhǎng)的時(shí)候，網(wǎng)站右側(cè)一直是空白，不如放點(diǎn)有用的東西給用戶看，最好不要放廣告，因?yàn)槟菢雍苄皭海愣摹?/p>
好吧，昨天寫了這個(gè)東西，jQuery滾動(dòng)隨動(dòng)區(qū)塊，代碼如下：
//側(cè)欄隨動(dòng)
var rollStart = $('.feed-mail'), //滾動(dòng)到此區(qū)塊的時(shí)候開始隨動(dòng)
rollOut = $('.cookie-list'); //隱藏rollStart之后的區(qū)塊
var rollStart = $('.feed-mail'), //滾動(dòng)到此區(qū)塊的時(shí)候開始隨動(dòng)
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之前的隨動(dòng)區(qū)塊
rollSet = $('.search,.weibo,.group'); //添加rollStart之前的隨動(dòng)區(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);
}
});
碼中已有完整注釋，只需要寫上幾個(gè)class或者id（最好不要是id，w3c規(guī)定id不能重復(fù)使用）。