锚点href无法正常显示

问题描述：

我试图从当前页面/contact.html导航到另一个页面部分，锚点标记为。我在这里遇到的问题是结果视图不对应于容器的开始。在线搜索时，我怀疑这是因为网站组件是动态加载的，并且图像滑块没有固定的高度。锚点href无法正常显示

尽管如此，我还没有找到任何解决方案。希望有人能够帮助我解决这个问题。

注意：如果标记在index.html页面中使用，那么它的工作原理完全相同。

有关代码参考和更好的插图，请参考以下链接。这正是我面临的问题。

<a href="http://themehats.com/themes/jango/onepage-4.html#features">Click here</a> 
 
<a href="http://themehats.com/themes/jango/onepage-4.html#clients">Click here</a> 
 
<a href="http://themehats.com/themes/jango/onepage-4.html#pricing">Click here</a>

请添加代码，以便我们可以帮助你更好。 – Tro

你使用固定位置吗？在图片上加载Lazyload？ – romuleald

@Tro我已更新链接以供参考。那是我目前使用的模板。 – eulercode

答

正如你在评论说，你有你的头一个固定的位置，所以你需要在你的JS头的高度来计算。

如果您有jQuery的：

$('a').on('click' function(){ 
    var $link = $(location.href); 
    var position = $link.offset().top - $('#header').height() 
    $(window.animate({scrollTop: position},{duration: 500}) 
});

对于onload事件网址中包含一个锚：

$(window).load(function() { 
    var $link = $(location.href); 
    if($link.length { 
     var position = $$link.offset().top - $('#header').height() 
     $(window.animate({scrollTop: position},{duration: 500}) 
    } 
});

感谢您的建议。但是，我正在将锚标记从另一个页面导航到此页的部分，而不是在此页面内导航锚标记。所以我想$（'a'）。on（'click'）不起作用？ – eulercode

我做了一个onload案例的编辑 – romuleald

锚点href无法正常显示

相关推荐