0

簡単な計算で上部マージンを更新することにより、いくつかの IMG 要素をアニメーション化しようとしています。

こんなふうになります：

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

次のように IMG に適用されます。

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

css doc でこのスタイルを設定すると、次のようになります。

.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 で非常にうまく動作します。問題は、クロムでは、margin-top の値が更新されていないことです。

関連するすべての要素にいくつかの変更を加え、属性を position、float、width、height、display... に変更し、jQuery で marginLeft、margin-left という名前を付ける方法をいくつか変更しました。

Chrome では何も動作しません。静的番号を適用すると機能します。

ここにサンプルがあります：

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

どんな助けにも感謝します!!

*私の英語と私のコードについて申し訳ありません.

4

2 に答える 2

0

scrollTop();奇妙な方法で値を取得しないため、Webkit (Chrome / Safari) には表示されませんでした。window.pageYOffset変数を作成するために使用して問題を解決しました。他の人を助けることを願っています！助けてくれてありがとう！

于 2012-07-23T15:07:40.417 に答える
0

次のようなものを試してください：

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

そして、大丈夫かどうか教えてください。

于 2012-07-20T10:46:13.917 に答える