我试图实现的是一个单一的按钮在一个固定的位置,在每一次点击它会带我到下一节的网页(一节与类“下一节”在我的情况下)
我从这段代码开始:
var $a = $('.down-btn'), $targets = $('div.next-section').next();
$a.on('click', function(e) {
e.preventDefault();
console.log($targets);
var i = $a.index(this);
var offset = $targets.eq(++i).offset().top;
$('html, body').stop().animate({ scrollTop: offset }, 400);
});
但这只适用于一次点击-一次我需要它带我到下一节在每一次点击按钮将不胜感激的答案谢谢
这里有一把小提琴https://jsfiddle.net/hamergil/jv3ja3wp/12/
1条答案
按热度按时间lpwwtiir1#
你需要像下面这样修改代码
1.使用
counter
变量,并在滚动代码之前在单击处理程序中增加它。2.在
click
处理程序中使用.next()
获取滚动的正确元素位置。工作代码段:-https://jsfiddle.net/uj91djeL/1/