解决方案:
添加class,用padding调整锚点元素跳转后的位置,使用margin抵消padding对布局的影响。
padding会影响锚点元素的定位,margin不影响锚点元素的定位。
html
<a href="#one">1 </a>
<a href="#two"> 2</a>
<div id="one" class="question">
1
1
1
1
1
</div>
<div id="two" class="question">
2
2
2
2
2
</div>
css
.question{
// 110px是导航栏高度
padding-top: 110px;
margin-top: -110px;
}
注意:描点连接必须有滚动条,否则无效