Javascript 为什么不是'；我的导航栏不会出现在我的网站上吗？

我想知道是否有人能帮助解决这个问题，我们将不胜感激。为什么我的导航栏没有出现在我的屏幕上？我已经检查了我的HTML、CSS和JS，似乎无法确定问题所在。这是我的GitHub网站，我相信问题可能出在JS上

JS

---

您需要在

javascript.js

文件之前添加

smooth scroll.js

文件的引用，因为

javascript.js

代码使用

smooth scroll.js

对象

<script src="js/smooth-scroll-master/dist/js/smooth-scroll.js"></script>

<script src="js/javascript.js"></script>

---

它将解决您的问题。

您的javascript.js使用平滑滚动，因此应该首先包含它

否则

您可以像这样在javascript.js中包含或使用它

$.getScript("js/smooth-scroll-master/dist/js/smooth-scroll.js", function() {
var scroll = new SmoothScroll('a[href*="#"]');

jQuery(document).ready(function($) {


    $(document).on("scroll", function() {
        const features_top = $(".features-icons").position().top;
        const top_of_window = $(window).scrollTop();

        if (top_of_window >= features_top) {
            $('.navbar').css('display', 'flex') // display: flex
        } else {
            $(".navbar").hide();
        }
    });
}); // This is just a sample script. Paste your real code (javascript or HTML) here.

if ('this_is' == /an_example/) {
    of_beautifier();
} else {
    var a = b ? (c % d) : e[f];
}
});

---

目前，我无法查看该网站，但您是否可以在导航栏中使用CSS

position:fixed

？导航栏将在用户向下滚动到功能图标部分时显示。不在主页的网站顶部。

$.getScript("js/smooth-scroll-master/dist/js/smooth-scroll.js", function() {
var scroll = new SmoothScroll('a[href*="#"]');

jQuery(document).ready(function($) {


    $(document).on("scroll", function() {
        const features_top = $(".features-icons").position().top;
        const top_of_window = $(window).scrollTop();

        if (top_of_window >= features_top) {
            $('.navbar').css('display', 'flex') // display: flex
        } else {
            $(".navbar").hide();
        }
    });
}); // This is just a sample script. Paste your real code (javascript or HTML) here.

if ('this_is' == /an_example/) {
    of_beautifier();
} else {
    var a = b ? (c % d) : e[f];
}
});