2016-04-29 9 views
0

コンテンツを下から上にスライドする必要があるランディングページを作成しています。 https://www.google.com/adsense/start/benefits/カスタムインサイトセクションに似ています。 これを可能にするすべてのjqueryプラグインまたはスニペット?スクロールで変更する垂直スライダを作成する方法は?

+0

これは、特定のオフセットに達したときに要素にクラスを追加することで、各要素とアニメーションのJQ scroll/scrollTop/offsetを使って行うことができます。 https://designshack.net/articles/css/how-to- design-animated-sliding-page-elements-with-css/ https://css-tricks.com/slide-in-as-you-scroll-down-boxes/ Googleでこれで検索するキーワード(アニメーションスライド要素)。 –

+0

ありがとう!私はこれをWow.jsと一緒に使っています –

答えて

1

実際にはスクロールしません。テキスト列がそれに追いつくまで、画像はページに固執しています。それからそれは続く。そのようなそのposition: absolute;のような特定の座標から終わりの座標にし、そのスタイルを取得します。

<div>にスクロールした後、<div>をスクロールするときに古いCSSに戻すときに、Javascriptを使用して絶対位置を画像に適用すると、効果が得られます。これを行う多くのプラグインがあります。私はここで1つを見つけました: https://github.com/davist11/jQuery-Stickem

私は何を意味するかを見てください。

関連する問題