2012-09-19 75 views
2

我有两个并排的div。我已经使用this技巧使他们相同的高度。哈希锚隐藏点击内容

现在,我有锚链接的问题。如果您点击锚链接,它会隐藏该部分上方的内容。

看一看的jsfiddle例如:http://jsfiddle.net/bLtjj/

对此有一个任何解决方案? jQuery或CSS。

+0

这就是如何链接到锚点的作品。你期望/想要什么行为? –

回答

1

这是因为你有溢出设置隐藏在包装类中。

试试这个

.wrapper { overflow:visible; } 

查看更新fiddle

+0

是的,但请注意,您无法滚动回顶部,隐藏部分之前的主要内容中的文本(更像是从屏幕上滑落)。 jQuery解决方案可以防止使用错误的偏移量。 – BBee

+0

好的,我现在看到,抱歉没有注意到它。这是因为你将溢出属性设置为隐藏。查看我更新的答案 – hsalama

+0

将溢出设置为可见将实际上揭示divs中的巨大差距 - 底部。所以不是。这不是解决方案。以下是使用固定高度值时(正确)的方式(忽略底部的间隙 - 这不太好)。 http://jsfiddle.net/GFNTD/ – BBee

0

真的令人困惑的问题。带锚的 您将链接位置。 上面的所有文本/内容都将位于顶部,它们不会隐藏。 “超现实主义的梦想”告诉我们,像这样固定工作。

你在那里期待什么?

+0

您是否看到过这个示例:http://jsfiddle.net/bLtjj/请注意,一旦您点击锚点,主内容中的文本就会被切断。你不能回去。巨大的衬垫显示在底部。 – BBee