javascript - jQuery stopPropagation - 函数再次启动

Question

你能告诉我如何停止函数传播吗？第一次单击操作后，我需要再次启动某些功能。我使用 scrollTo jquery 插件来滚动我的内容，当我点击我的“fire”按钮内容滚动时很好，但我不能再这样做了...... Thx 4 帮助。

这是我的功能：

$('.arrow_down').bind('click', function(event){
    $('.recipe_single_view_right_panel').scrollTo({top:'280px', left:'0'}, 800 );
    event.stopPropagation();
});

Answer 1

您不需要使用功能丰富的大型插件来实现这一目标。

您需要做的就是更改scrollTop包装元素的 - 属性。我用一个简单的例子创建了一个小提琴：http: //jsfiddle.net/k9bdY/

包装元素设置为overflow: scroll，在单击时为滚动位置设置动画非常简单，然后使用 jQuery 时：

$('.scroll-btn').on("click", function(e){
    e.preventDefault();

    $('#wrapper').animate({
        scrollTop: "+=200px"            
    }, 800);
});​