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

【问题标题】：Smooth scrolling doesn't work on github page平滑滚动在 github 页面上不起作用
【发布时间】：2020-01-08 20:36:08
【问题描述】：

我在平滑滚动时遇到问题，但只有在使用 github 页面链接打开网站时......这真的很奇怪，因为如果我用实时服务器打开它，平滑滚动就可以工作......有人知道它是怎么回事?一切都更新了，代码都是一样的，在我的电脑上和在github上。

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

谢谢！

【问题讨论】：

最好包含代码以防万一，同时提供上下文。
对不起，我添加了代码链接，希望没问题

标签： github github-pages smooth-scrolling

【解决方案1】：

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

混合内容：“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>

【讨论】：

@beko 欢迎来到 stackoverflow！如果此答案对您有所帮助，请不要忘记投票并将其标记为解决方案。