当容器有overflow:hidden
并且页面在URL中有id时,我遇到一个奇怪的问题。内容在顶部移动,不可见。当我在底部添加填充和负边距时会发生此问题。我这样做是为了拥有相同的柱子。
这是一个演示。单击该链接,您将看到内容如何在顶部移动而不是可变。 http://jsfiddle.net/6etu9ywc/1/
我该怎样防止这种情况?如果不能使用CSS,则可以接受JS解决方案。
答案 0 :(得分:0)
好的,所以我认为根据你的问题你需要停止与锚相关的正常行为。
我对小提琴http://jsfiddle.net/6etu9ywc/2/
进行了更新我引用了jquery,如果我有时间,我会创建一个纯粹的js解决方案。
这会在正常点击
上停止重新加载页面代码如下所示:
$(document).ready(function(){
$('.column a').click(function(){
return false;
});
});
我认为这就是你所追求的,当然你可以将链接转到同一页面上的引用,但是小提琴需要更新,取决于你的要求。希望这可以帮助。