как остановить анимацию при наведении указателя мыши

Question

Я использую этот скрипт для автоматической боковой панели прокрутки при прокрутке страницы. Это прекрасно работает, но я также хочу достичь еще двух вещей:

1. При наведении указателя мыши на боковую панель анимация должна останавливаться (перемещаться вверх или вниз). Как я могу сделать это возможным?

2. боковая панель должна начать двигаться через 2 секунды при прокрутке (так задержка 2 секунды, прежде чем перейти вверх или вниз)

   $(function() { 
   var offset = $("aside.page-sidebar").offset(); 
   var topPadding = 15; 
   
   $(window).scroll(function() { 
   
   if ($(window).scrollTop() > offset.top) { 
   
       $("aside.page-sidebar").stop().animate({ 
        marginTop: $(window).scrollTop() - offset.top + topPadding 
       },{ 
        duration: 5000 
       }); 
   } else { 
       $("aside.page-sidebar").stop().animate({ 
        marginTop: 0 
       },{ 
        duration: 5000 
       }); 
       }; 
   }); 
   }); 
   

Answer 1

попробовать:

$('#element').hover(function(e){ 
e.preventDefault(); 
$("aside.page-sidebar").stop(true,true); 
});