2012-06-11 17 views
0

我試圖調試這段jQuery代碼是別人寫的,並沒有很大的成功。jQuery的滾動菜單不正確的動畫

基本上,它是一個下拉,有更多的項目比是在視圖菜單,所以有向上和向下箭頭來滾動菜單。發生什麼事是,在向下滾動,然後鼠標移出,然後再次移動鼠標後,動畫重複,而不是停留在菜單的底部。

我知道有不是很多的細節和代碼在這裏,但它是一個非常大的應用程序的一部分,並希望有跳轉右出一個明顯的錯誤。有人有任何想法嗎?提前致謝。

//Menu Scroll Up 
      jQuery(this).children("div").children(".learn_more_menu_up").mouseover(function(){ 
       jQuery(this).siblings("ul").stop().animate({scrollTop: "-" + menuFullHeight}, menuScrollDuration); 
       jQuery(this).mouseout(function(){ 
        jQuery(this).siblings("ul").stop(); 
       }); 
      }); 

//Menu Scroll Down 
      jQuery(this).children("div").children(".learn_more_menu_down").mouseover(function(){      
       jQuery(this).siblings("ul").stop().animate({scrollTop: menuFullHeight}, menuScrollDuration); 
       jQuery(this).mouseout(function(){ 
        jQuery(this).siblings("ul").stop(); 
       }); 
      }) 
+0

標記,甚至上[的jsfiddle]樣本(http://jsfiddle.net)將幫助很多 – Dhiraj

回答

0

從給定的代碼,每次你將鼠標放置.learn_more_menu_down時,scrollTop的將動畫,所以你應該看到動畫每次。你需要檢查菜單是否在底部,如果是的話,不要做任何事情,如果不是,它應該只從你在菜單中的位置開始到底部。

,如果你能向我們提供的網頁的問題還是有一定的樣本簡化標記,這將有助於