Javascript & Jquery 固定导航栏在线时停止工作（网络服务器）

Question

感谢您查看我的问题！

我对 HTML 非常缺乏经验，对 JavaScript 或 jQuery 完全不满意。无法在任何地方找到我的问题的解决方案。

问题是我的网站使用 javascript 和 Jquery 固定导航栏。当我在本地计算机上打开 html 时，一切正常，但是当我在线上传我的网站时，代码停止工作。

我不知道这些信息是否足以让任何人了解问题所在，但我认为这与我头脑中不理解的东西有关，因为脚本和路径有效离线/本地时很好。（所有文件夹和文件在我的网络服务器中的顺序和目录都相同）

https://thorned.xyz/ 也许在线网站可以提供帮助。与我离线打开 html 时不同，当您在小页面上滚动时，菜单栏不是固定的。

提前致谢！

<head>
  <link 
   rel="icon" 
   type="image/png" 
   href="favicon.png">
  <title>Thorned.xyz - Resources for everyone</title>
  <link rel="stylesheet" type="text/css" href="style.css">
   
<!---Link to menu html--->
  <div class="menutop">
   <object class="menu" type="text/html" data="menu.html"></object>
  </div>
<!----Link to script--->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="Javascript/scrollfix.js"></script> 
<script type="text/javascript">
        // top bar
        $('.menutop').scrollFix({
            side: 'top'
        });
    </script>
</head>

Answer 1

您的问题是 jquery cdn 通过 http 提供服务，而您的网站是 https，导致不安全的脚本错误。在 jquery 插件 (https://ajax.googleapis.com/ajax...)

上将您的 http 更改为 https

Javascript & Jquery 固定导航栏在线时停止工作（网络服务器）

Javascript & Jquery for fixed navigation bar stops working when online (web-server)

html

javascript

css

jquery

web-hosting