javascript - 如何防止用户拖动滚动条移动页面？

Question

我不想删除滚动条。我希望它在那里表明还有更多内容要滚动，但即使他们拖动滚动条，我也想防止页面表单移动(直到发生特定事件)。我该怎么做？

这不起作用:

/* This does NOT stop the page form moving when the drag the scrollbar */
document.addEventListener( "scroll", function(event) {
     console.log( "scrolled");
     event.preventDefault(); 
     event.stopPropagation();
     return false;
  },
  false
);

https://jsfiddle.net/4atyw01h/

Answer 1

刚刚发现了一个可能的答案(它有效):除了防止默认传播之外，您还需要将元素的 scrollTop 设置为 0(或任何您想要锁定它的位置):

document.addEventListener( "scroll", function(event) {
     console.log( "scrolled");
     event.preventDefault(); 
     event.stopPropagation();

     //This stops it
     document.body.scrollTop = 0;

     return false;
  },
  false
);

https://jsfiddle.net/4atyw01h/1/