javascript 锚点偏移链接从一个页面到另一个页面偏移固定标题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 锚点偏移链接从一个页面到另一个页面偏移固定标题相关的知识,希望对你有一定的参考价值。

jQuery(document).ready(function($) {
  
  // set a variable for the anchor link which is the location.hash
  var anchorLink = $(window.location.hash);
    // test to see if the link is a anchor link, if not the length will have no value, this is done to avoid js errors on non anchor links
		if ( anchorLink.length ) {
      // set an element as the fixed entity, header in this case and get its height
			var offsetSize = $("header").innerHeight();
      // fire the animation from the top of the page to the anchor link offsetting by the fixed elements height, the number is the speed of the animation
			$("html, body").animate({scrollTop: anchorLink.offset().top - offsetSize }, 500);
    }

});

以上是关于javascript 锚点偏移链接从一个页面到另一个页面偏移固定标题的主要内容,如果未能解决你的问题,请参考以下文章

HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!!

修复标题偏移 html 锚点

偏移html锚以调整固定标题[重复]

偏移html锚以调整固定标题[重复]

超链接跳转到不同页面的锚点链接

js如何在指定页面跳转到另一指定页面