0

スクロールを使用して、いくつかの画像の不透明度と視差位置のプロパティをアニメーション化しようとしています。

不透明度は img タグと div タグで問題なく機能しますが、position プロパティは機能しません。

img タグと div タグに background-position プロパティを適用しようとしましたが、うまくいきません。

<div class="image1" data-bottom="opacity:0;background-position: 0px -250px;" data-center="opacity:1;background-position: 0px 0px;" data-top="opacity:0;background-position: 0px 250px;"></div>

私は何を間違っていますか？

http://jsfiddle.net/Eq87X/3/

ありがとう

4

2 に答える 2

2

位置は固定または絶対である必要はありません。それは相対的である可能性があります。

例として：

 data-150-top="background-position: 0px -250px;"
 data-350-top="background-position: 0px 0px;"

つまり、この例では、データを150pxと350pxの間で移動するように設定しています。

私にとってはうまくいきます。

于 2015-05-13T08:15:26.300 に答える
0

absolute要素を移動する場合は、位置またはを指定する必要がありますfixed。私のSimple parallax tutorialを見てください。役立つかもしれません。

于 2014-02-05T04:15:07.353 に答える