jquery幻燈片在Firefox上的故障

從幾個星期前開始，在新的Firefox版本之後，基於我在博客上使用的jQuery的幻燈片在被稱爲向下滾動頁面時開始拍打。我首先將jquery腳本從1.7.2升級到了1.10.0，但沒有任何好處，當我向下滾動頁面並調用幻燈片時，它激怒地開始拍打一秒鐘，然後停止在錯誤的位置，幾乎完成但根本沒有。jquery幻燈片在Firefox上的故障

這裏是代碼我使用：

$(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！

來源

2013-06-25 ZombieKB

你有任何的HTML？你能爲我們設立一個[jsfiddle]（http://jsfiddle.net）嗎？ – Niklas

對不起，我的編碼不太好....我怎麼能以另一種方式來幫助你？是否允許在此處將鏈接發佈到我的博客或被視爲垃圾郵件？ – ZombieKB

工作是否像這樣[jsfiddle]（http://jsfiddle.net/aR56Z/23/）？ – Niklas

當您參照右側動畫slidebox時，問題似乎就會發生。如果將代碼更改爲參考left，則震動消失。

jsfiddle

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

當然你要改變這些值，使其符合您的網頁。

來源

2013-06-25 12:02:12 Niklas

感謝您的建議！我只是試圖改變方向，實際上從左側翻轉消失。無論如何，從你引用的代碼左右改變是不夠的：在幾行之後奇怪地從頂部滾動頁面，從右側快速移動的框從右側消失而不是左側的「右」點出現我達到了代碼上的標籤。 – ZombieKB

好吧，我知道了:)我忘了更改CSS！現在它從沒有拍打右側工作;）謝謝你的傢伙！ – ZombieKB

jquery幻燈片在Firefox上的故障

回答

相關問題