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

Question

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

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

jsFiddle

任何人都知道如何在不使用javascript切换选项卡的情况下停止向下滚动页面吗？

Answer 1

您需要的只是evt.preventDefault();：

http://jsfiddle.net/vVJY4/2/

Answer 2

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

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

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";
}