waypoint js点击下一个div

时间:2014-12-18 10:12:21

标签: javascript jquery html css

使用waypoint.js处理一个函数,该函数获取视口中的当前div并在单击按钮时找到下一个div。

目前我正在为'next'获取未定义的值。不确定什么可能是错的我想这个值不能从航路点功能移动到点击功能。任何帮助都很可爱。

$('.wrap').waypoint(function() {
var next = $(this).next();

$(".button").click(function() {
$("html, body").animate({ scrollTop: next.offset().top }, 1000);
});
});

1 个答案:

答案 0 :(得分:0)

我建议你链接它而不是在回调中这样做:

$('.wrap').waypoint().addBack(this).find(".button").click(function() {
     var next = $(this).closest('.wrap').next();
     $("html, body").animate({ scrollTop: next.offset().top }, 1000);
});

或者可能是这样的:

$('.wrap').waypoint().done(function(){
    $(this).find(".button").click(function() {
       var next = $(this).closest('.wrap').next();
       $("html, body").animate({ scrollTop: next.offset().top }, 1000);
    });
});