解决点击锚点置顶内容被导航遮住

练习项目过程中遇到锚点跳转到顶部，锚点位置的一部分内容被fixed定位的导航给遮盖的问题，在网上找的此种解决方法，记录下来

由于点击锚点，内容会默认置顶，被导航栏遮住。除了写一个js函数将页面滚动到离顶部的具体距离，还有一个比较笨的办法，就是将锚点所在的元素独立出来如下：

1	<a id="M1" style="display:block;height:44px;margin-top:-44px;"></a>

　　给锚点所在元素设高度【元素的高度==导航栏的高度】，锚点所在元素的下一个节点元素内容就不会被导航栏遮住。但是可能会空出一部分，这时候需要margin-top，margin-top：-44px将锚点所在元素所占的位置移动回去，不会造成有空缺部分出现

原文链接：解决点击锚点置顶内容被导航遮住 - WEB1010113045 - 博客园