0
現在確定解釋時間.. :) 假設1 div與100%的頁面覆蓋並且當我向下滾動第二個div立即把它放在第三位。 我認爲這個問題的答案非常冗長,但對於我以及其他尋找這個答案的人來說,這會非常有幫助。 在此先感謝HTML:我想要在一個HTML腳本中有3個div,並且全部具有100%的高度和寬度
現在確定解釋時間.. :) 假設1 div與100%的頁面覆蓋並且當我向下滾動第二個div立即把它放在第三位。 我認爲這個問題的答案非常冗長,但對於我以及其他尋找這個答案的人來說,這會非常有幫助。 在此先感謝HTML:我想要在一個HTML腳本中有3個div,並且全部具有100%的高度和寬度
在此示例中,頁面使用鼠標滾輪進行操作。您可能需要添加滾動條的支持,以及鍵盤UO /下箭頭等,這是從Vaibs_Cool
$(document.body).on('DOMMouseScroll mousewheel', function (e) {
if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {
dir = 'down';
} else {
dir = 'up';
}
// find currently visible div :
div = -1;
divs.each(function(i){
if (div<0 && ($(this).offset().top >= $(window).scrollTop())) {
div = i;
}
});
if (dir == 'up' && div > 0) {
div--;
}
if (dir == 'down' && div < divs.length) {
div++;
}
//console.log(div, dir, divs.length);
$('html,body').stop().animate({
scrollTop: divs.eq(div).offset().top
}, 200);
return false;
});
所以基本上所有的div覆蓋100%視口? – anishthecoder