html5 を使用して画像のスクロール効果を作成できますか?

html5 を使用して画像のスクロール効果を作成できますか?

。 2018-01-31 16:19:16 0  1  1613

JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラー スケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51 0  1  695

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  861

css3 - スクロール バーが下にスライドしたときにページの各部分が表示される効果を実現するにはどうすればよいですか?

Web サイトを見ました。スクロール バーが下にスライドすると、ページのすべての部分に最初に読み込まれたときと同じ効果が表示されます。再度更新すると、これらの効果が再び表示されます。これはどのように行われますか? jqueryのロードで書かれているのでしょうか? このWebサイトのトップページ http://www.itxdl.cn/bra... に似ています。

漂亮男人 2017-06-05 11:10:23 0  2  1861

タイトルは次のように書き換えられます: 下部ペースト機能のスクロール効果を実現するには?

ここで見ているものと同様の効果を達成しようとしていますが、各セクションのコンテンツもスクロール可能である必要があります。つまり、セクションの最後に到達した場合にのみ修正されます。たとえば、コンテンツが 200vh の場合、次のようになります。背景:rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  606

JavaScript - スクロールのスクロールの問題

1. https://www.kayak.com.hk/holi... 主な効果はこのウェブサイトの効果です。スクロール バーをスライドすると、右側の div が下にスクロールし、それに応じて左側の div もスクロールします。ただし、左側の div が長すぎるため、上部を非表示にする必要があり、この効果が得られます。 ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  978

JavaScript - モバイル側でsarafiやIEに表示されるラバーバンド効果を無効にする方法

iOS の Safari ブラウザでは、Web ページを一番上までスクロールすると、ゴムバンドのようにさらにスクロールし、手を離すと元に戻ることができます。この影響は Windows タブレットにも存在します。ページ内のスクロールに影響を与えることが多いため、この効果をCSSで無効にする方法を教えてください。私の知る限りでは...

大家讲道理 2017-05-19 10:12:15 0  1  649

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  388

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  445

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロール バーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロール バーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43 0  2  995

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  640

javascript - モバイル端末ではドラッグアンドドロップレイアウトを実装できないでしょうか?

モバイル側で最初の div と 2 番目の div を入れ替えると、本文が下にスクロールします。現時点では何のアイデアもありませんし、車輪を再発明する気もありません。 http://www.jq22.com/demo/drag... のような効果はありますか？ {コード...}

曾经蜡笔没有小新 2017-06-28 09:29:02 0  4  984

JavaScript - 携帯電話の画面のスライドとスライド画面の上部からの距離を監視するにはどうすればよいですか?

携帯電話の画面のスライドを監視し、上からのスクロール距離を計算するにはどうすればよいですか? {コード...} このように書いたものは常に0ですか?監視スクロールは効果がありません。神に尋ねてください

黄舟 2017-05-19 10:11:07 0  4  679

JavaScript - スクロール バーと clientHeight について

小さな妖精のスクロール バーが本当に煩わしいです。スクロール バーが占める場所については、次のようなブログを見つけました。実践した結果によると、次のことが当てはまります。スクロール バーはコンテンツの位置を占めていますが、表示されると、コンテンツの位置、エッジ表示。 （実際の効果では枠線の横に表示されます。枠線の上には…

天蓬老师 2017-05-19 10:47:31 0  1  713

Chrome ではスクロール機能に問題が発生することがあります

サイトでスクロールの問題が発生していますが、その理由がわかりません。 Chrome のみでスクロールが機能しないことがあります。作成したすべてのコードを無効にしてみましたが、問題は解決しません。 Safariではスクロールも問題なく動作します。 https://mirkomina.com/ 問題を引き起こす具体的なものはないようです。つまり、カーソルを離れると問題が発生する特定の場所が見つかりません。自分が書いたコードをすべて削除し、スクリプトを無効にしてみました。

P粉817354783 2024-03-29 00:21:20 0  1  475

javascript - js で現在のページの先頭にある dom 要素を取得する方法。

主に、Baidu Encyclopedia の右側のナビゲーション バーと同様の効果を実現したいと考えています。ページがスクロールすると、右側のナビゲーション バーも変化します。ありがとう。 http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  684

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  624

JavaScript - React でビデオを自動的に再生する方法

私のアプローチは、ビデオをピクチャーマスクに置き換えることです。マスクをクリックするとディスパッチアクションがトリガーされ、マスクが消えてビデオラベルが表示されますが、Apple はそうしません。携帯電話や Android のどちらでもビデオを自動再生できない場合、ビデオを再生するにはビデオの再生ボタンをクリックする必要があり、効果があまり良くありません。何か解決策はありますか?

仅有的幸福 2017-07-05 11:03:35 0  2  1274

JavaScript - マウスのスクロールに合わせて PC の Web サイトを動的に表示する方法

これはデモの URL です: http://demo.cssmoban.com/csst... マウス ボールのスライドに合わせて Web ページのコンテンツを動的に表示するにはどうすればよいですか?

習慣沉默 2017-06-13 09:24:09 0  6  987

JavaScript - vue でニュースリストを上下にスクロールさせる方法

これはループ内で再生されるデータ部分です {コード...} これは私の現在のコードです。アニメーション効果なしでループ内でのみ切り替えることができます {コード...}

淡淡烟草味 2017-05-19 10:43:20 0  3  918