标签:
1. 问题描述
页面滚动后,菜单栏会固定在页头,当锚点定位时,菜单会遮盖部分定位后的内容,所以需要在锚点定位后自动向下漂移Xpx。
2. 解决办法
a. 设定占位锚点,并给占位锚点设置样式,比如
<a href="#test">hehehe</a> <div style="height:400px;width:100%;background:red;"></div> <div id="test"> <span class="anchor"></span> <div id="main" style="height:400px"></div> </div> <div style="height:800px;width:100%;background:green;"></div>
.anchor { display: block; height: 115px; margin-top: -115px; visibility: hidden; }
b. 使用:target 伪类
标签:
原文地址:http://www.cnblogs.com/huxiaoyun90/p/4341956.html