关于CSS定位到锚点的问题,竟然锚点以上的内容不显示了!超郁闷!
这个页面
http://cn.hoopower.com/blog/20070505/pixiu.html
分三个区域,正文,Trackbacks,评论
#comments是它里面的一个锚点,表示评论的开始,HTML定义如下:
<a name="comments"></a>
当这样访问的时候
http://cn.hoopower.com/blog/20070505/pixiu.html#comments
评论上面的内容不显示了!滚动条停在Comments的地方,并且是滚动条是最顶了,不可以往上滚动以显示正文。好奇怪!
网页结构:DIV+CSS
代码结构:DHTML
显示环境:IE7、FireFox
IE6以下不会出现此错误。
http://cn.hoopower.com/blog/20070505/pixiu.html
分三个区域,正文,Trackbacks,评论
#comments是它里面的一个锚点,表示评论的开始,HTML定义如下:
<a name="comments"></a>
当这样访问的时候
http://cn.hoopower.com/blog/20070505/pixiu.html#comments
评论上面的内容不显示了!滚动条停在Comments的地方,并且是滚动条是最顶了,不可以往上滚动以显示正文。好奇怪!
网页结构:DIV+CSS
代码结构:DHTML
显示环境:IE7、FireFox
IE6以下不会出现此错误。
...全文
相关推荐
css锚点定位被顶部固定导航栏遮住的解决方案
很多网站都有一个固定在上方的导航栏,方便用户搜索和跳转到其他页面。 同时为了方便用户浏览长文档,都会加上目录,点击段落标题跳转到段落所在的位置, 如图所示: 如果使用锚点实现目录的跳转会遇到 fixed 导航栏遮住了标题的问题。 1. 锚点定位机制 如果没有滚动条,锚点失效。 如果有滚动条,滚动条滚动到地址 hash (地址 # 号后面的内容)对应的锚点元素padding-box上边缘位置。 2. 解决方案 示例 示例源码 示例在线预览 (1)padding+margin padding影响锚点元素的定位,margin不影响锚点元素的定位。所以使用padding调整锚点元素跳转后的位置,使
CSS解决链接锚点定位偏移的代码
不知道有没有人研究过这个,当点击页面的锚点连接的时候一般就跳转到特定id的元素,而实际表现的是滚动条滚动使该特定id元素对齐滚动条所处元素的顶端。
JS如何实现在页面上快速定位(锚点跳转问题)
本篇文章主要介绍了JS如何实现在页面上快速定位(锚点跳转问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
锚点快速定位到页面中指定位置
NULL 博文链接:https://luanxiyuan.iteye.com/blog/1874226
锚点导航栏效果
固定在页面右侧的锚点链接导航菜单,点击对应的导航栏目页面自动滚动到对应的锚链接名所在的位置



