jQuery的 - 邊距鉻

沒有更新我試圖用一些簡單的數學更新上邊距動畫一些IMG元素。jQuery的 - 邊距鉻

它是這樣的：

$('.spd2').css('margin-top', - offsetPC * 12 + '%');

據applyed到IMGS這樣的：

<img src="img/pgDadosImportantes_i001.png" class="spd1" 
    style="right: 30%; top: 45%; z-index:10;" />

有了這種風格在CSS文件設爲：

.ilustras { 
    width: 960px; 
    height: 100%; 
    position: absolute; 
    z-index: 0; 
} 

.ilustras img { 
    position: absolute; 
    float: right; 
    width: auto; 
    height: auto; 
    display: inline-block; 
}

它工作在Firefox和IE很好。問題在於，在chrome中，margin-top的值並未更新。

我嘗試了幾種變化到所有涉及的元素，改變的屬性的位置，浮動，寬度，高度，顯示...和chaned命名marginLeft，利潤率左jQuery中的一些方法。

沒有什麼工作與Chrome瀏覽器。如果我申請一個靜態數字，它的工作。

我這裏有一個例子：

http://unitfour.com.br/HotsiteCluster/

Apreciate任何幫助！

*對不起我的英語和我的代碼...我是巴西設計師工作了兩個！

來源

2012-07-19 Fabio Montone

$（ 'SPD1 '）的CSS（' 邊距'， - offsetPC * 12 + '％'）。你應該寫在你的jQuery腳本，如在img標籤你已經給class =「spd1」 – 2012-07-19 15:46:33

沒有得到的重點..但泰克的答案。 – 2012-07-19 18:00:01

調試offsetPC var，谷歌瀏覽器是唯一返回「無窮大」的瀏覽器。 – 2012-07-19 18:07:31

它不是在的Webkit（瀏覽器/ Safari瀏覽器）顯示，因爲 - 在一個陌生的方式 - 他們沒有得到scrollTop();值。我已經使用window.pageYOffset解決了這個問題，組成了我的變量。希望幫助別人！謝謝大家的幫助！

來源

2012-07-23 15:07:40

添加到您的解決方案，這篇文章可能有助於解釋爲什麼scrollTop不起作用：http://stackoverflow.com/questions/1830080/jquery-scrolltop-doesnt-seem-to-work-in-safari-or-chrome-視窗 – 2012-07-23 19:03:12

嘗試類似：

$('.spd2').css('margin-top', ((parseInt($('.spd2').css('margin-top')) - offsetPC) * 12) + '%');

，並告訴我們，如果它是確定。

來源

2012-07-20 10:46:13 sdespont

jQuery的 - 邊距鉻

回答

相關問題