javascript - javascript 中可滚动区域/div 的增量单位？

Question

在 javascript 中，我可以确保我的大 div 垂直滚动吗仅以(比方说)16 像素为单位

在 java 中，这些被称为“增量单位”。

我在 javascript 中找不到任何类似的东西:我想确保部分滚动时某个区域 (div) 始终是 View 16 的倍数。

这让我可以对背景图片和其他图片进行处理。

谢谢

Answer 1

var lastScroll = 0;
$('div').scroll(function(){
    var el = $(this),
        scroll = el.scrollTop(),
        round = lastScroll < scroll ? Math.ceil : Math.floor;
    lastScroll = round(scroll/16) * 16;
    el.scrollTop(lastScroll);
});

http://jsfiddle.net/m9DQR/2/

确保以 16 像素的倍数进行滚动。您可以轻松地将其扩展为允许可变数量(不是固定的、神奇的 16)的插件。