隐藏溢出和URL中的ID。内容未显示,跳到顶部

时间:2014-10-27 16:04:35

标签: javascript css overflow hidden page-jump

当容器有overflow:hidden并且页面在URL中有id时,我遇到一个奇怪的问题。内容在顶部移动,不可见。当我在底部添加填充和负边距时会发生此问题。我这样做是为了拥有相同的柱子。

这是一个演示。单击该链接,您将看到内容如何在顶部移动而不是可变。 http://jsfiddle.net/6etu9ywc/1/

我该怎样防止这种情况?如果不能使用CSS,则可以接受JS解决方案。

1 个答案:

答案 0 :(得分:0)

好的,所以我认为根据你的问题你需要停止与锚相关的正常行为。

我对小提琴http://jsfiddle.net/6etu9ywc/2/

进行了更新

我引用了jquery,如果我有时间,我会创建一个纯粹的js解决方案。

这会在正常点击

上停止重新加载页面

代码如下所示:

$(document).ready(function(){
   $('.column a').click(function(){
      return false;
   });
});

我认为这就是你所追求的,当然你可以将链接转到同一页面上的引用,但是小提琴需要更新,取决于你的要求。希望这可以帮助。