为什么我的导航栏没有出现在我的网站上？答案

【问题标题】：Why isn't my navbar appearing on my website?为什么我的导航栏没有出现在我的网站上？
【发布时间】：2018-04-02 23:49:35
【问题描述】：

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

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 用于导航栏？
导航栏应该在用户向下滚动到功能图标部分时出现。不在首页的网站顶部。

标签： javascript html css

【解决方案1】：

由于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>

它会解决你的问题。

【讨论】：

【解决方案2】：

你的 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];
}
});

【讨论】：