您好,欢迎来到保捱科技网。
搜索
您的当前位置:首页使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose

使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose

来源:保捱科技网


下面的这种效果,在点击链接时,切换到锚点上,但因为顶部存在一定高度的浮动DIV,点击后下面的DIV将会被遮挡住相应高度的位置看不到,这样的问题如何解决?困扰好久了,请大侠们出手相助啊,在此先表示感谢。如果能带平滑滚动更好

测试 固定的顶 中间 	这是1 	这是2 	这是3 	这是4 	这是5 这是一这是二这是三这是四这是五


回复讨论(解决方案)

参考:
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;}

另外如果需要加上平滑滚动效果的话,可以点击查看
在线 演示结果
或者在线 演示代码

Copyright © 2019- baoaiwan.cn 版权所有 赣ICP备2024042794号-3

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务