0

タイトルが誤解を招くことはわかっていますが、質問にタイトルを追加するより良い方法はありませんでした:

HTML 5 と CSS 3.0 を水平視差タイプの単一ページ レイアウトで使用しているサイトをいくつか見つけました。右、黒いテキストが徐々に明るくなり、新しい背景が表示されるようになります。たとえば、黒い背景に白いテキストが表示されます。

これは、特に Windows ストア アプリケーションで増加傾向にあるようで、私は Web サイトで同様のものを再現しようとしています。

これまでのところ、jQuery を使用してテキストの可能な座標をハードコーディングし、スクロール位置が右側の位置の約 25% に達すると、SVG を使用して色を変更し始めますが、これは複雑すぎるようです。

オンラインで例はありますか？HTML / CSS テキスト フェードイン フェードアウト を検索してみましたが、具体的なものは何も返されませんか?

4

1 に答える 1

1

CSS-Tricksの Fancy Scrolling Sitesを読むことを検討してください。

昨年かそこらで、下にスクロールすると派手なことをするサイトが十分にあり、それは一種のトレンドです. 歴史のために、ブログにしようと思ったのです。

スクロールを監視し、jQuery を使用して何かを行う方法は次のとおりです。

$(window).scroll(function(eventObject) {
    // do stuff! You can find out about how far
    // the window has scrolled via the eventObject.
});

スクロール位置を使用して、色を変更したり、jQuery でできることを何でもしたりできます。:)

于 2013-02-12T18:59:05.440 に答える