gpt4 book ai didi

jquery - 你在哪里放置 jquery 以实现平滑滚动?

转载 作者:太空宇宙 更新时间:2023-11-04 02:45:24 24 4
gpt4 key购买 nike

我正在使用这个:

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

使 deliciousproductions.com.au 导航栏中的 href 链接平滑滚动到页面上的位置,但它似乎不起作用。我正在按照 w3 学校的说明进行操作,这实际上就是他们使用的全部内容。我没有包含他们在

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

它与 scrollTop: 行有关吗? 900 是为旅行定义的毫秒数。这些按钮使用 href="#about"和 section id="about"所以我不明白为什么它不起作用。我正在引用

下文档中的 jquery
</body> 

我在

中使用上面的脚本
<script> 

标签内

<body> 

但是在所有内容下面的最底部

还敲了四次回车键和空格键来写

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

最佳答案

你的 jQuery 和 bootstrap 脚本标签既不在 body 也不在 head。

检查控制台输出:

ReferenceError: $ is not defined

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

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

关于jquery - 你在哪里放置 jquery 以实现平滑滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33949175/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com