このチュートリアル デモの画像が上部に触れるとすぐに消える理由を知りたい人もいます。デモのスライド 3 をゆっくりスクロールします。
http://webdesigntutsplus.s3.amazonaws.com/tuts/338_parallax/src/index.html
私はそれを理解することができませんでした。チュートリアルはこちら: http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/
私は答えを見つけました: それhideDistantElementsは stellar.js にあるパラメーターです。0 を 1 に変更して、効果的に無効にする必要があります。
私は同じ問題を抱えていましたが、パフォーマンスのために、hideDistantElements を無効にしたくありませんでした。
div の場所 (通常は消える場所) までスクロールしてページをリロードすると、div が表示されたままになることに気付きました。これで問題が解決しない場合は、ウェブサイトのキャッシュ側に問題があるようですので、シークレット モードでページを開いてみてください。
また、「scroll」という名前のすべてのクラスの名前を一意のものに変更しましたが、キャッシュの問題に気づいたときなので、これが違いを生んだかどうかはわかりません。
これが誰かに役立つことを願っています。少なくとも私にとってはうまくいきました。
div のサイズと恒星のオプションの設定は、私には役に立ちませんでした。background-attachment:initial;div のスクロールに使用する問題を修正しました。