leeking001

UX Internet Travel Other About me
leeking001
博客
微博
照片
电影
白社会
Facebook
Twitter
Linkedin
Google+

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

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)不认这种空标签,所以锚点不生效,必须要在中间加一个&nbsp;空格来占位。

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

6 条评论

  • 2008.06.17 04:17,MattWang 发表评论:

    G老师和B老师是谁啊?

    【回复】
    • 2008.06.17 04:19,MattWang 发表评论:

      建议做个Demo上来

      【回复】
      • 2008.06.17 09:13,leeking001 发表评论:

        :em09: 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的选项卡,收藏了。 回复: […]

              【回复】
              (Required)
              (Required, will not be published)

              最近评论

              • 新冠快点结束吧!
              • 感受学习的力量!
              • [...] 原文地址:http://leeking001.com/?p=514 [...]
              • 阿萨德法师打发斯蒂芬
              • 看来是激动得手抖····
              • 我们公司是一家从事橡胶止水带,遇水膨胀止水胶,中埋式橡胶止水带,钢板止水带生产销售的厂家,为你提供外贴式橡胶止水带,遇水膨胀止水带成功橡塑致力于打造橡胶止水带知名品牌,严把遇水膨胀止水胶产品质量关,提供给客户值得信赖的橡胶止水带产品及中埋式橡胶止水带报价,做外贴式橡胶止水带行业的领军企业. 外贴式橡胶止水带 http://www.hengshuizhishuidai.com/
              • 恭喜! :em14:
              • [...] http://www.leeking001.com/?p=95 回复: 去除overflow:hidden就可以了, 不过出现了其他问题!! 回复: 不明白楼主啥意思。 二楼的强!! 很少见的无js的选项卡,收藏了。 回复: [...]
              • 还好zblog不经常更新。。哈哈 ——置百丈玄冰而崩裂,掷须臾池水而漂摇。
              • 不错,学习了!!!

              最近文章

              • Moto 360:一块安静的美电子表~
              • 微博(NASDAQ:WB) 新的开始!
              • 升/不升?烧/不烧?
              • Bubble Football In UDC
              • 莱州的海
              • 祭爱犬亮亮(2004.12-2013.7)
              • 为信息设计
              • 乔帮主,一路走好~
              • 更效率的信息设计
              • 电影
              © 2022 Leeking001 . Ported to Wordpress . Designed by Leeking001 . Powered by SAE . 京ICP备18021289号