禁用滚动条以获得平滑滚动网站

Question

我目前正在开发网站的前端，这是一个单页，在div之间平滑滚动。

我想禁用鼠标本身的滚动。

我知道overflow:hidden;删除滚动条，但是，我希望页面只有在点击指向所需div的链接时才会滚动。什么是正确的方法呢？

Answer 1

试试这个：

<script type="text/javascript">
if(window.addEventListener){
    window.addEventListener('DOMMouseScroll',wheel,false);
}

function wheel(event)
{
    event.preventDefault();
    event.returnValue=false;
}
window.onmousewheel=document.onmousewheel=wheel;
</script>