Bug .animate (), problems with scrolling.

The essence of the problem line:

$('.previewblock').animate({ left: "-=200" }, 300); 

or

 $('.previewblock').animate({ left: "+=200" },300); 

It works several times bypassing the condition:

 if (leftint > diff) 

or

  if (leftint < 0) 

It only checks the first time more precisely, and then performs the animation Nth number of times (how many wheels were turned) Code:

 // проверяем наводку на необходимый блок $('.previewblock').mouseenter(function () { hoverpreview = true; }); $('.previewblock').mouseleave(function () { hoverpreview = false; }); //Обработка мышки function addHandler(object, event, handler) { if (object.addEventListener) { object.addEventListener(event, handler, false); } else if (object.attachEvent) { object.attachEvent('on' + event, handler); } else alert("error"); } addHandler(window, 'DOMMouseScroll', wheel); addHandler(window, 'mousewheel', wheel); addHandler(document, 'mousewheel', wheel); //Реализация скрола function wheel(event) { var delta; event = event || window.event; if (event.wheelDelta) { delta = event.wheelDelta / 120; if (window.opera) delta = -delta; } else if (event.detail) { delta = -event.detail / 3; } if (event.preventDefault) event.preventDefault(); event.returnValue = false; //проверяем, наведена ли мышка if (hoverpreview == true) { //если скролим вниз if (delta < 0) { //находим границу, мах значение сдвига. var leftstr = $('.previewblock').css("left"); leftstr = leftstr.substring(0, leftstr.length - 2); var leftint = parseInt(leftstr); var previewint = $('.previewblock').width(); var sliderint = $('.viewport').width(); var diff = sliderint - previewint; //если текущий сдвиг в пределах нормы if (leftint > diff) { //анимируем сдвиг $('.previewblock').animate({ left: "-=200" }, 300); } } // если крутим вниз else { var leftstr = $('.previewblock').css("left"); leftstr = leftstr.substring(0, leftstr.length - 2); var leftint = parseInt(leftstr); if (leftint < 0) { $('.previewblock').animate({ left: "+=200" },300); } } } }