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);
});

jQuery stopPropagation - 函数再次启动

1 个答案: