Javascript jQuery滚动到另一页上的部分

我有一个网站，它使用jQuery在几个部分之间滚动（在page1.html中）。现在，我在网站上添加了另一个页面（page2.html）

我希望page2.html标题中的链接能够链接回page1.html中相应的部分

在page2.html中，我写道：

  <li><a href="page1.html#splash">Home</a></li>

我已经尝试过的：

我试图将以下代码find添加到page1.html：

    <script>
$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      var hash = this.hash;

      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    }
  });
});
</script>

$（文档）.ready（函数（）{
//添加平滑滚动到所有链接
$（“a”）。在（'click'，函数（事件）{
如果（this.hash！==“”）{
//防止默认锚点单击行为
event.preventDefault（）；
var hash=this.hash；
$（'html，body'）。设置动画({
scrollTop:$（散列）.offset（）.top
}，800，函数（）{
//完成滚动后，将哈希（#）添加到URL（默认单击行为）
window.location.hash=散列；
});
}
});
});

但是没有滚动到右侧部分，控制台显示以下错误：

index.html:19未捕获引用错误：$未定义

坦率地说，由于缺乏这方面的专业知识，我在这一点上陷入了困境

---

当从另一个页面进入时，我如何管理站点实际滚动到右侧部分？

一旦离开页面，上一个页面的JavaScript将无法控制它。因此，在加载新页面时，需要使用jQuery在新页面上处理它。将此代码放在page1.html上，将注释更改为滚动命令：

$（文档）.ready（函数（）{
if（window.location.href.includes（“#splash”））{
设animationTime=100；
$（'html，body'）。设置动画({
scrollTop:$（'.splash'）.offset（）.top
}，动画时间）；
}
});
当您的页面未获取JQuery时，会出现此类错误。请检查JQuery版本，尝试使用“JQuery（）”而不是$（）嗨，谢谢！在这种情况下，滚动到
的好方法是什么？嘿，我已经相应地更新了帖子！很有效，非常感谢！谢谢，我修好了。
    <script>
$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      var hash = this.hash;

      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    }
  });
});
</script>

Uncaught ReferenceError: $ is not defined