当设置页面锚点出现问题时……

2008-06-13 by leeking001 | 用户体验 | 评论(6)

当你的网页太长太长，浏览者不能很方便的找到他需要找的东西，为每个段落标题或关键点设置锚点就是很好的办法了，通常我们可以需要html部分写上一个<a name=”a”>或者<a id=”a”>的标签，这样锚点就设好了，很简单，但是有时候它们也会出现问题：

1、当你的外层容器样式有overflow:hidden属性的时候，浏览器会将这个容器当成一个页面来看待，点击后，会将容器上移到再外层的容器之外，由于超过的部分被隐藏，所以造成页面变形。这个问题在Firefox和IE下都有，是bug还是规则，我也不清楚……

2、IE6的一个问题，很多朋友会用<a name=”a”></a>这样的空标签来做锚点，但是IE6（也只有IE6）不认这种空标签，所以锚点不生效，必须要在中间加一个 空格来占位。

以上两点都是在具体操作的时候碰到的，记录下来备个案，给G老师和B老师提供点素材~

6 条评论

2008.06.17 04:17，MattWang 发表评论：

G老师和B老师是谁啊？

【回复】
2008.06.17 04:19，MattWang 发表评论：

建议做个Demo上来

【回复】
2008.06.17 09:13，leeking001 发表评论：

Google和Baidu啊，o(∩_∩)o…哈哈

【回复】
2008.10.14 07:39，GloomySunday 发表评论：

我也遇到了和你一样的问题，在百度找了很多天都没找到答案，如果你有更好的答案请发EMAIL给我，谢谢！

albert_ljj1988@163.com

【回复】
2009.09.06 16:55，ash 发表评论：

去掉overflow 问题依旧……

请教该如何规避此问题

【回复】
2014.01.16 16:23，ff下锚点和 overflow:hidden 产生的问题 - web前端 - 开发者第1120789个问答发表评论：

[...] http://www.leeking001.com/?p=95 回复：去除overflow:hidden就可以了，不过出现了其他问题！！回复：不明白楼主啥意思。二楼的强！！很少见的无js的选项卡，收藏了。回复： [...]

【回复】