单击返回索引并滚动到锚点



我有一个索引.php页面,分为几个部分。单击导航栏的元素时,页面将滚动到该部分。
我有另一个名为project的页面.php它具有相同的导航栏。

当单击链接(例如关于链接)时,我想回到主页(索引.php)并向下滚动到关于部分(无需再次单击导航栏)。

索引页中一切正常。但是我无法从项目页面使其工作。

没有人有想法或替代方法?多谢。

这是我的JS代码

  $(".navbar.main a[href^='#']").on('click', function(e){
    window.location.replace("index.php");
    var idMain = $(this).attr("href");
    $('html, body').animate({scrollTop: $(idMain).offset().top -75}, 800);
    e.preventDefault();
});
当您

在项目页面中单击时,您可以使用 #section,这样您就可以在索引中知道.php何时滚动您的 URL 会随着 #section(或任何)而变得

<script>
 $(window).load(function(){
    if(window.location.href.lastIndexOf('#section')>0){
 var idMain = $(this).attr("href");
    $('html, body').animate({scrollTop: $(idMain).offset().top -75}, 800);
}
});
</script>

此代码必须位于索引的标题中,而不是在部分中期待它有所帮助

});

最新更新