Question

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

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];
}

Answer 1

由于smooth-scroll.js代码使用javascript.js对象，您需要在javascript.js文件之前添加smooth-scroll.js文件的引用。

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

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

它会解决您的问题。

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

为什么我的导航栏出现在我的网站上？

2 个答案: