javascript - URL 中的溢出隐藏和 ID。内容未显示，跳转到顶部

Question

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

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

我怎样才能防止这种情况？如果不能仅使用 CSS，则可以接受 JS 解决方案。

Answer 1

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

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

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

这会在正常点击时停止页面重新加载

代码如下所示：

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

我认为这就是您所追求的，当然如果失败了，您可以将链接转到同一页面上的参考，但是小提琴需要更新，这取决于您的要求。希望这可以帮助。