你在哪里放置jquery平滑滚动?

时间:2015-11-27 01:37:23

标签: jquery html css twitter-bootstrap

我正在使用它:

<script>
$(document).ready(function(){

    $(".navbar a").on('click', function(event) {

        var hash = this.hash;
        $('html, body').animate({
            scrollTop: $(hash).offset().top
        }, 900, function(){

        window.location.hash = hash;
        });
    });
})

</script>

使我的href链接在deliciousproductions.com.au的导航栏中顺利滚动到页面上的位置,但它似乎不起作用。我正在遵循w3学校的指示,这实际上就是他们使用的所有内容。我没有在

之后添加一个用逗号添加的页脚内容
$(".navbar a, footer a[href='#myPage']").on('click', function(event)

是否与scrollTop:line有关? 900是为旅行定义的毫秒数。按钮使用href =“#about”和部分id =“about”,所以我无法弄清楚它为什么不起作用。我正在

下的文档中查询jquery
</body> 

我在

中使用上面的脚本
<script> 

中的

标签

<body> 

但在所有内容的最底层

同时按下输入并按空格四次只需写入

<body> is getting really annoying how do you do it easier on stackoverflow?

1 个答案:

答案 0 :(得分:2)

你的jQuery和bootstrap的脚本标签都不在头脑中。

检查你的控制台输出:

ReferenceError: $ is not defined

要解决此问题,请将以下内容添加到<head>标记中:

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