jQuery 平滑滚动不适用于 SSL URL

Question

希望有人对我的问题有一个简单的解决方案。我开发了一个网站并在桌面上的本地网络服务器 (wamp) 上对其进行了测试。平滑滚动到网站上的 id 非常有效。但是在上传到必须放置网站的实际服务器后，它就不再工作了。此服务器使用 SSL 证书 (https://)。

有什么办法解决这个问题吗？

额外信息:我调用 head 部分中的 https jquery 库。

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Answer 1

您的第三个 js 文件将被阻止，因为它不是来自 https 源 url。如果您的平滑滚动需要 jQuery 1.7，它将无法工作。

您可以在您的网络检查器中检查 js 错误。

修复更改:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

到

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>