gpt4 book ai didi

javascript - jQuery scrollTop - 动画不工作

转载 作者:行者123 更新时间:2023-11-28 00:14:06 25 4
gpt4 key购买 nike

使用找到的示例 here ,我正在尝试使用相同的工具。当我单击导航链接时,它会跳转到选定的 div,而不是滑动/滚动。

HTML:

导航

<div class="span3">
<a href="#about-me"><img class="img-circle" src="http://placehold.it/200x200/e36b23/fff/&text=About+Me+"></a>
</div>

分区

<div class="row-fluid" id="about-me"> ... </div>

JS:

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

$('nav ul li a').click(function(){
var el = $(this).attr('href');
var elWrapped = $(el);

scrollToDiv(elWrapped,40);

return false;
});

function scrollToDiv(element, navheight){
var offset = element.offset();
var offsetTop = offset.top;
var totalScroll = offsetTop - navheight;

$('body,html').animate({
scrollTop: totalScroll
}, 1000);
}
});
</script>

因此它进入了“已点击”的 div,但没有进入幻灯片动画 - 这正是我想要的。有人有什么想法吗?

最佳答案

您需要调整您的 jQuery 选择器以匹配您的 html 类 - 您使用的 ul/li 与您引用的示例使用的不同,例如

$('.span3 a').click(function(){

参见 here对于 fiddle :

关于javascript - jQuery scrollTop - 动画不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13270098/

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