Неисправность слайдера jquery на Firefox

Question

, начиная с нескольких недель назад после новой версии Firefox, слайд-бокс на основе jquery, который я использую в своем блоге, начал хлопать при вызове, прокручивающем страницу вниз. Я сначала обновил сценарий jquery с 1.7.2 до 1.10.0, но без пользы, когда я прокручиваю страницу вниз, и слайд-бокс называется раздражающе начинает раскачиваться за кулак секунд, а затем останавливается на неправильном месте, почти заканчивается но совсем нет.

Вот код, я использую:

$(function() { 
    $(window).scroll(function(){ 
     var distanceTop = $('#last').offset().top - $(window).height(); 

     if ($(window).scrollTop() > distanceTop) 
      $('#slidebox').animate({'right':'0px'},300); 
     else 
      $('#slidebox').stop(true).animate({'right':'-430px'},100); 
    }); 

    $('#slidebox .close').bind('click',function(){ 
     $(this).parent().remove(); 
    }); 
}); 

... и вот CSS:

#slidebox{ 
width:280px; 
height:100px; 
padding:10px; 
background-color:#abc057; 
border-top:3px solid #191919; 
position:fixed; 
bottom:0px; 
right:-430px; 
-moz-box-shadow:-2px 0px 5px #aaa; 
-webkit-box-shadow:-2px 0px 5px #aaa; 
box-shadow:-2px 0px 5px #aaa; 
} 

#slidebox p, a.more{ 
font-size:11px; 
text-transform:uppercase; 
font-family: Arial,Helvetica,sans-serif; 
letter-spacing:1px; 
color:#555; 
} 
a.more{ 
cursor:pointer; 
color:#E28409; 
} 
a.more:hover{ 
text-decoration:underline; 
} 
#slidebox h2{ 
color:#E28409; 
font-size:18px; 
margin:10px 20px 10px 0px; 
} 

a.close{ 
background:transparent url(http://tympanus.net/Tutorials/EndPageSlideOutBox/images/close.gif) no-repeat top left; 
width:13px; 
height:13px; 
position:absolute; 
cursor:pointer; 
top:10px; 
right:10px; 
} 
a.close:hover{ 
background-position:0px -13px; 
} 

ли кто-нибудь идея, как выяснить это?

Thanx!

Answer 1

Проблема возникает, когда вы анимации slidebox со ссылкой на правую сторону. Если вы измените свой код на ссылку left, то дрожание исчезнет.

jsfiddle

if ($(window).scrollTop() > distanceTop) 
    $('#slidebox').animate({'left':'160px'},500); 
else 
    $('#slidebox').stop(true).animate({'left':'1500px'},500); 

Конечно, вы должны изменить значение так, чтобы он соответствовал вашей странице.