7

これは過去に提起されたものだと確信しています。しかし、私は一期途方に暮れています。

このSquareのWebページで、ユーザーは「Squareでは、さまざまな分野が協力して美しくシンプルなソリューションを設計する」というタイトルのセクションをスクロールし、ページの特定のポイントでアニメーションが右側でアクティブになります。ユーザーがスクロールバックすると、画像が元に戻ります。彼らはこれをどのように達成していますか？

2013年8月：この質問をしてから9か月が経ちましたが、視差スクロールはほぼ順調に進んでいます。私はそれを達成する方法からそれを避ける理由に至るまで、この主題についてさらに読むためにいくつかのリンクを添付しています。

視差スクロールの例：

チュートリアル：

考え：

4

1 に答える 1

8

視差スクロールと呼ばれます。

ウィンドウの位置を検出し、設定したポイントまでウィンドウがスクロールされたときにjqueryアニメーションを適用するだけです。

詳細な説明とチュートリアルについては、こちらをご覧ください：http: //coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/

ここに例とオープンソースのGitHubプロジェクトがあります：http：//prinzhorn.github.com/skrollr/

私の意見では、それは通常悪いデザインです。私はそれが微妙でうまくいくことができると思います、しかしそれはしばしば本当の目的のために気を散らすものです。

于 2012-11-02T18:52:17.360 に答える