2012-07-22 38 views
0
jQuery.fn.extend({ 
     scrollTo : function(speed, easing) { 
     return this.each(function() { 
      var targetOffset = $(this).offset().top; 
      $.fx.off = true; 
      $('html,body').animate({scrollTop: targetOffset}, speed, easing); 

     }); 
     } 
    }); 
    $(document).keyup(function(e) 
    { 

    if(e.keyCode == 78) { 
     navigation_x(); 
    } 

    function navigation_x(){ 
    $('div#images-interface-controller').scrollTo(1000); 

} 

所以我有這個按鍵功能,每次我按字母「n」它將滾動到div#images-interface-controller,是滾動,但直到'到最後一個元素div#images-interface-controller。我怎麼能阻止它,我的意思是我希望它每次按「n」時只滾動一次。我想上面的jQuery代碼的問題與我的問題有關。任何幫助將不勝感激。謝謝!jquery滾動所有分區

不管怎麼說,我使用這個插件: http://flesler.blogspot.com/2007/10/jqueryscrollto.html

+0

只需要滾動到ID的數組,然後按下「n」按鈕循環通過它們... – Chad 2012-07-22 15:06:16

回答

0

我以前用這個插件,但它已經有一段時間。我想你想要這個。

$(window).scrollTo('#images-interface-controller', 1000); 

的選擇是scrollTo()叫上是做滾動的物品,而被作爲第一個參數傳遞的選擇是你想要的第一個項目滾動到對象。

這是告訴window滾動到某個項目,特別是idimages-interface-controller的div。

+0

當您按「n」時,您的示例滾動到div的第一個id,但不是每個div。 我試圖阻止它在分部的盡頭停止循環,我希望它停止,然後循環在分區的下一個ID,當我按「n」時。 – 2012-07-22 13:23:06