解决锚点链接跳转到新页面因为固定导航栏而因起的内容遮挡问题

本文主要是介绍解决锚点链接跳转到新页面因为固定导航栏而因起的内容遮挡问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

从页面A通过锚点链接#btn跳转到页面B的时候，因为页面B的顶部导航栏是固定的。所以会导致上部元素会被导航栏遮挡一部分内容。

所以需要通过JS判断一下如果是通过锚点链接点击过来的，将页面设置一定的偏移。

if (window.location.hash.indexOf('#') >= 0) {$('html,body').animate({scrollTop: ($(window.location.hash).offset().top - 50) + "px"},300);
};

 

这篇关于解决锚点链接跳转到新页面因为固定导航栏而因起的内容遮挡问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---