显示隐藏的 div 时停止页面滚动

Question

我有一个选项卡窗格，位于固定大小的 div 内，每当该选项卡切换到比外部 div 更大的选项卡时，整个页面就会向下滚动，这样我就再也看不到我的选项卡了，我在 jsfiddle 中模拟了它来展示问题。

请注意，为了看到问题，页面必须小于包含的 div。

jsFiddle

有人知道如何在不使用 JavaScript 的情况下在选项卡切换时阻止页面向下滚动吗？

Answer 1

您所要做的就是 evt.preventDefault();：

http://jsfiddle。网/vVJY4/2/

Answer 2

感谢您向我展示 evt.preventDefault() 它让我找到了正确的位置。单击时，链接指向我的隐藏 div，然后页面向下滚动到该 div。

要停止滚动，我也可以将 id 从 href 属性删除为其他内容，

jsFiddle

Answer 3

不使用 JavaScript？做不到。

使用 JavaScript 很简单：

evt.preventDefault();

http://jsfiddle.net/vVJY4/3/

Answer 4

如果您想使用“纯”JavaScript，请使用：

function stopScroll()
{
    document.getElementById("body_id").style.overflow = "hidden";
}

function startScroll()
{
    document.getElementById("body_id").style.overflow = "auto";
}