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

Overflow hidden and ID in URL. Content not shown, jumps on top

本文关键字：显示 顶部 溢出 隐藏 ID URL      更新时间：2023-09-26

当容器有overflow:hidden，而页面的URL中有一个id时，我遇到了一个奇怪的问题。内容被移到了顶部，不可见。当我在底部添加填充和负边距时，就会出现这个问题。我这样做是为了拥有平等的合作伙伴。

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

我该如何防止这种情况发生？如果仅使用CSS是不可能的，那么JS解决方案是可以接受的。

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

我更新了小提琴http://jsfiddle.net/6etu9ywc/2/

我已经引用了jquery，如果我有时间，我会创建一个纯js解决方案。

这将停止在正常点击上重新加载页面

代码如下：

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

我想这就是你想要的，如果没有，你当然可以让链接指向同一页面上的参考，但小提琴需要更新，这取决于你的要求。希望这能有所帮助。

相关文章：