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

Question

我有平滑滚动的问题，但只有当网站是用 github 页面链接打开时......这真的很奇怪，因为如果我用实时服务器打开它，平滑滚动工作......有人知道它是什么吗？一切都更新了，代码是一样的，无论是在我的电脑上还是在 github 上。

项目链接：https ://github.com/Beko44/MM-Website 。平滑滚动不起作用的 Github 页面 - 在菜单中单击 smth 后（左上角）它有点跳跃而不是平滑：https ://beko44.github.io/MM-Website/

谢谢！

标签： githubgithub-pagessmooth-scrolling

Answer 1

如果您打开浏览器控制台，您可能会看到一个错误：

混合内容：“ https://beko44.github.io/MM-Website/ ”页面通过 HTTPS 加载，但请求了不安全的脚本“ http://code.jquery.com/jquery-3.4.1.min .js '。此请求已被阻止；内容必须通过 HTTPS 提供。

由于由于此错误而未加载 jQuery，因此您的平滑滚动脚本将无法正常工作。

要解决您的问题，只需将srcjQuery更改为https在您的index.html.

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