使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose
来源:懂视网
责编:小采
时间:2020-11-27 16:33:24
使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose
使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose:下面的这种效果,在点击链接时,切换到锚点上,但因为顶部存在一定高度的浮动DIV,点击后下面的DIV将会被遮挡住相应高度的位置看不到,这样的问题如何解决?困扰好久了,请大侠们出手相助啊,在此先表示感谢。如果能带平滑滚动更好 测试* {color:#ff
导读使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose:下面的这种效果,在点击链接时,切换到锚点上,但因为顶部存在一定高度的浮动DIV,点击后下面的DIV将会被遮挡住相应高度的位置看不到,这样的问题如何解决?困扰好久了,请大侠们出手相助啊,在此先表示感谢。如果能带平滑滚动更好 测试* {color:#ff
下面的这种效果,在点击链接时,切换到锚点上,但因为顶部存在一定高度的浮动DIV,点击后下面的DIV将会被遮挡住相应高度的位置看不到,这样的问题如何解决?困扰好久了,请大侠们出手相助啊,在此先表示感谢。如果能带平滑滚动更好
回复讨论(解决方案)
参考:
offsetting an html anchor to adjust for fixed header
JQuery Position:Fixed 'NAVBAR' by scrolling the page
给锚点加上个下面的样式,纯css实现。
a.anchor{ display: block; position: relative; top: -92px; visibility: hidden;}
另外如果需要加上平滑滚动效果的话,可以点击查看
在线 演示结果
或者在线 演示代码 存贴备用, 实际效果地址
非常感谢您的热情回复!!!
参考:
offsetting an html anchor to adjust for fixed header
JQuery Position:Fixed 'NAVBAR' by scrolling the page
给锚点加上个下面的样式,纯css实现。
a.anchor{ display: block; position: relative; top: -92px; visibility: hidden;}
另外如果需要加上平滑滚动效果的话,可以点击查看
在线 演示结果
或者在线 演示代码
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose
使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose:下面的这种效果,在点击链接时,切换到锚点上,但因为顶部存在一定高度的浮动DIV,点击后下面的DIV将会被遮挡住相应高度的位置看不到,这样的问题如何解决?困扰好久了,请大侠们出手相助啊,在此先表示感谢。如果能带平滑滚动更好 测试* {color:#ff