gpt4 book ai didi

javascript - jQuery 定位错误的元素

转载 作者:行者123 更新时间:2023-11-30 09:52:32 25 4
gpt4 key购买 nike

我有一个滚动页面功能,但出于某种原因,第二个向上滚动页面的功能是针对前一个元素。你可以明白我的意思:

(function(root, $, undefined) {
"use strict";

// Change class of scrollbutton
$(window).scroll(function(){
($(this).scrollTop() > 300) ? ($('#scrollbutton').addClass('scrollup'),$('#scrollbutton').removeClass('scrolldown')) : ($('#scrollbutton').removeClass('scrollup'),$('#scrollbutton').addClass('scrolldown'));
});

// Scroll to block 2 element - Working
$("#scrollbutton.scrolldown").click(function() {
$('html, body').animate({
scrollTop: $(".block2").offset().top + -1
}, 700);
});

// Scroll to block 1 element - Not Working it just scrolls to block 2!
$("#scrollbutton.scrollup").click(function() {
$('html, body').animate({
scrollTop: $(".block1").offset().top + -1
}, 700);
});

}(this, jQuery));

...这是 HTML:

<body>
<main class="main">
<div class="block1">
blah
</div>
<div class="block2">
blah
</div>

</main>
<a id="scrollbutton" class="scrolldown">Top</a>

你可以直接用这个 fiddle 看到问题:

https://jsfiddle.net/ar0vq1ru/

感谢任何帮助或指导,谢谢。

最佳答案

这不起作用,因为永远不会调用 seconds onClick 方法。您向开始时间不存在的 $("#scrollbutton.scrollup") 分配监听器。如果你向下滚动它就会在那里(然后你交换类)

关于javascript - jQuery 定位错误的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35646608/

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