2012-08-08 82 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