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

Question

我有一个位于固定大小div内的选项卡窗格，每当该选项卡切换到大于外部div的页面时，整个页面都向下滚动，以至于我无法再看看我的标签，我在jsfiddle中嘲笑它以显示问题。

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

jsFiddle

任何人都知道我可以从向下滚动停止时，页面的选项卡切换，而无需使用JavaScript？

Answer 1

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

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

Answer 2

没有使用JavaScript？无法完成。

使用JavaScript很容易：

evt.preventDefault(); 

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

Answer 3

谢谢你向我展示evt.preventDefault（）这让我在正确的位置看。点击链接指向我隐藏的div，然后页面向下滚动。

要停止滚动我也可以只从href属性别的东西删除ID，

jsFiddle

Answer 4

如果你想用“纯”的JavaScript，使用：

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

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