Question

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

当点击一个链接（例如about链接）时，我想回到主页面（index.php）并向下滚动到about部分（不再点击导航栏）。

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

有没有人有想法或者可能有替代方法呢？非常感谢。

这是我的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();

});

Answer 1

你可以在项目页面中点击时使用#section，这样你就可以知道在index.php中滚动你的网址会变成#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>

此代码必须位于索引的标题中，而不是在节中期待它的帮助

}）;

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

1 个答案: