一滚滚一页是怎么做到的？

[yangkeao]

就像http://lorem.in里面一样。

但我自己写的在滚动前都会颤抖。

怎么处理呢？

自己本来是这么写的：

height是窗口高度。

var getscroll = function() {
$.getScript("script/mousewheel.min.js");
$(window).bind('mousewheel', function(event, delta, deltaX, deltaY) {
if (deltaY < 0) {
t = $("body").scrollTop();
t = t - t % height;
$(document.body).animate({
'scrollTop': t + height
}, 700);
} else if (deltaY > 0) {
t = $("body").scrollTop();
t = t - t % height;
$(document.body).animate({
'scrollTop': t - height
}, 700);
}
});
}
getscroll();

[emric]

顺手做了一个, http://jsbin.com/wobuzoyi/1/edit?html,css,js,output
至于你的实现, 你确定 t 是理想值?

[yangkeao]

@emric
t = $("body").scrollTop();
t = t - t % height;
这样t就成了height的整倍。

[lei286394973]

https://github.com/alvarotrigo/fullPage.js
这个jquery插件应该适合你

[emric]

@yangkeao 其实你可以写一下测试, 例如 `1400-1400%500`, `1400%500` 返回的是 400 然后呢...

[yangkeao]

@emric 1000是500的两倍。
因为t是滑动后一瞬间产生的。
只会比高度的整倍多一点或少一点。

在你的例子中500是高度。

那么本来的高度如果是1000，向下滑，得到的t>1000
那么算出的t=1000.然后向下滑，滑倒t+height即1500的位置。

如果向上划，得到的t<1000，则t=500；
滑动到t即500；

只是开始的时候会抖动，我不知为什么。

[emric]

@yangkeao
翻回复的时候突然发现你之前有回复了我了... 抱歉啊.. 我没有看到..

---

scrollTop 的值低于 500 的时候就会有错误... 因为除余后得到的是0..