2012-08-08 85 views
0

你能告诉我如何停止功能传播。我需要在第一次点击后再次启动一些功能。我使用scrollTo jquery插件滚动我的内容,当我点击我的'火'按钮内容滚动很好,但我不能再这样做...... Thx 4的帮助。jQuery stopPropagation - 功能再次启动

这是我的函数:

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

看起来像你滚动到我创建了一个简单的例子提琴一个固定值...因此,点击两次将不会执行任何操作,除非您手动滚动到其他地方 – ahren 2012-08-08 21:52:28

+0

当我设置+ = 280px它是向下滚动我/底部自动 – Lukas 2012-08-08 21:54:18

+0

你是什么意思? '+ = 280px'应该只滚动另一个280px下来 – GNi33 2012-08-08 21:59:07

回答

1

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

您只需修改scrollTop - 包装元素的属性。使用jQuery的时候http://jsfiddle.net/k9bdY/

缠绕元件设置为overflow: scroll,动画上点击滚动位置是相当简单的,然后:

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

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

又thx了! – Lukas 2012-08-08 23:31:57