平滑滚动在github页面上不起作用

时间:2020-01-08 20:36:08

标签: github github-pages smooth-scrolling

我对平滑滚动有问题,但是只有在使用github页面链接打开网站时...这真的很奇怪,因为如果我用实时服务器打开它,平滑滚动就可以了...有人知道它的含义吗? ?在我的计算机和github上,所有内容均已更新,代码相同。

链接到项目:https://github.com/Beko44/M-M-Website。 Github页面无法平滑滚动-单击菜单中的smth(左上角)后,它会跳转而不是平滑跳转:https://beko44.github.io/M-M-Website/

谢谢!

1 个答案:

答案 0 :(得分:3)

如果打开浏览器控制台,则会看到错误:

混合内容:“ https://beko44.github.io/M-M-Website/”上的页面为 通过HTTPS加载,但请求了不安全的脚本 'http://code.jquery.com/jquery-3.4.1.min.js'。此请求已 封锁内容必须通过HTTPS提供。

由于此错误导致未加载jQuery,因此无法平滑滚动的脚本。

要解决您的问题,只需将jQuery中的src更改为https中的index.html即可提供服务。

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous">
</script>