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

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

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

React JS と Lenis のスムーズスクロールで画面を切り替えるときにトップに戻る方法

私は lenis を使用してスムーズ スクロールを実装しており、App.js で使用する ScrollToTop.js ファイルがあります。ページがスクロールしていないときは正常に動作しますが、別のページに移動するボタンをクリックして「スムーズなスクロール」が発生すると、scrollToTop が動作しません。これを修正する方法を知っている人はいますか? ScrollToTop.jsimport{useEffect}from"react";import{useL

P粉662614213 2023-08-18 09:58:58 0  1  693

CSS の問題: 水平スクロール (overflow-x:scroll) が機能しない

「ページ」が 3 つあり、それらを水平にスクロールしたいと考えています。水平スクロールバーは正常に作成できましたが、マウスホイールを上下にスクロールしても何も起こりません。私のコンテナは次のようになります: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;} 完全な HTML+CSS: body{width : 100vw;ヘイ

P粉295616170 2024-03-29 16:06:18 0  1  482

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

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

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

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

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

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

JavaScript - ネイティブJSで水平スクロールバーと左スクロール間の距離を監視するにはどうすればよいですか?

水平スクロールバーの左からのスクロール距離を監視する

我想大声告诉你 2017-05-19 10:08:22 0  2  614

JavaScript - ドロップロード + タブ ページ、グラフィック ページとテキスト ページをスクロールするときに 2 つのスクロール領域を分割するにはどうすればよいですか?

このような 2 つのスクロール バーを分割するにはどうすればよいですか? 1 つだけを表示したいのですが、現在、スクロール バーは外側のスクロール バー内でスライドしてスクロールしています。内側のスクロール バーをタッチすると、内側のスクロール バーの領域だけが移動します。上部のバナー領域は移動しません。

伊谢尔伦 2017-06-08 11:03:15 0  1  885

滑らかなスライダーを継続的に自動再生しながら、矢印/ポイントクリックでスクロールを加速するにはどうすればよいですか?

自動で連続再生するスライダーを作りたいです。正常に動作しますが、矢印とポイントが正しく動作していないようです。どの設定を変更すればよいかわかりませんが、矢印または点をクリックした直後にスライダーがスクロールするようにしたいと考えています。以下のコードを使用していくつかの設定を変更しようとしましたが、何も機能しないようです。速度を 6000 に設定すると、自動再生のタイミングは完璧になりますが、点/矢印をクリックした後のスクロールでは同じ遅い速度が使用されます。この動作は望ましくありません (選択したスライドまですぐにスクロールする必要があります)。目標を達成するために何をすべきかを理解するのを...

P粉956441054 2024-03-25 21:20:33 0  1  497

mjml テーブルを水平スクロールで強化し、オーバーフローを追加する

mjml を使用して、テーブルを含む電子メール テンプレートを作成しています。また、ヘッダー名が非常に長いため、テーブルが横方向に大きくなりすぎます。青いコンテナ内を水平にスクロールさせたいのですが、実現できません。スクロール可能にするにはどうすればよいですか?これはmjmlのライブコードです

P粉464088437 2024-03-27 22:43:41 0  1  464

横方向にスライドさせる方法

基本的に縦スクロールの場合ですが、横スクロールの場合は作れますか？

况青 3D VR售楼展示**开发 2019-08-07 11:56:25 0  1  1397

html - jquery で setInterval を使用して歯車をループでスクロールさせる

現在作成しているアニメーションは、マウスがホバーしているときにスクロール イベントがトリガーされるもので、ページが読み込まれた後に歯車が展開され、一定期間後に再び元に戻るというものです。時間の。右スクロール、左スクロールどちらも実現できるのですが、jqueryで「一定時間経過後+ロールアウトしてロールバック…」の書き方が分かりません。

習慣沉默 2017-05-16 13:25:04 0  3  853

ブロックをまたぐときにスクロールラインがスクロールしないようにする

3 つのブロックがあり、2 番目のブロックには線とスクロールする円があります。円はメインスクロールに合わせてスクロールし、スクロールが停止すると、円は最も近い点、つまり各ブロックの中心にくっつきますが、メインスクロールが2番目のブロックを通過するときに、円が表示されるという問題に直面しています。停止します。スクロールすると、ページ上で正しく動作しません。メイン スクロールがブロック 2 を通過するときに、円が自動的に最後のケースに固定され、スクロールが完全に停止するようにスクリプトを完成させることはできますか?したがって、戻ってブロック 2 を横切ると、再び機能するはずです。一般的に言えば、問...

P粉038856725 2024-03-29 23:23:06 0  1  400

JavaScript - JS マウスホイールイベントの問題を解決する方法

jqueryを使用する場合、本体の高さに関係なくマウスホイールをトリガーできます（次のアドレスの結果の下でホイールをスクロールしてください） https://jsfiddle.net/shannon9/37fj5Lbs/embedded/ ネイティブjsを使用する場合、車体の高さの設定（ローリングが現れる...）

PHP中文网 2017-05-19 10:09:15 0  1  422

JavaScript - モバイル側でパーティションのスクロールを実装するにはどうすればよいですか?

モバイル端末のさまざまなエリアに独自のスクロールバーとリンクを持たせる方法を聞きたいのですが、メニューと対応する食べ物に独自のスクロールエリアを持たせ、右側の特定の位置にスライドしてリンクさせるにはどうすればよいですか?各パーティションをスクロールする方法を知っていますか? 自分で実装してみることもできますが、うまくいきません。

迷茫 2017-05-19 10:30:54 0  2  512

スクロール進行アニメーション

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。 https://todoist.com/これはウェブサイトへのリンクです。ウェブサイトのホームページの特定のセクションのスクリーンショットを添付しました。ページがスクロールされると、セクション内でスクロールが発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュー...

P粉821808309 2024-03-29 19:36:49 0  1  430

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

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

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

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

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

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

jsでマウスホイールイベントを監視し、現在実行中のメソッドから抜け出す方法についてアドバイスをお願いします。

親愛なる友人へ: jquery の animate メソッドを使用する js コードがあります。このコードの実行中にマウス ホイールの動きを監視する必要があります。マウス ホイールの動きがあった場合は、animate メソッドを終了してください。教えてください。コードの書き方を教えてください。添付ファイル: window.onload = function () { setTimeout(autorollup,3000);

天空翱翔 2021-10-28 09:20:05 0  4  1028

スクロールオフセットhtml

HTMLとCSSで何かをしようとしていますが、実際に機能するかどうかはわかりません。スクロールを遅くして柔らかくするなど、スクロール時に何らかの「遅延」を追加するようにしたいと考えています。一部のサイトではこれを行っており、他のサイトとはスクロールの仕方が異なり、ソフトに見えるページもいくつかありました。これは可能でしょうか?

P粉205475538 2023-08-17 23:52:56 0  1  513

タイルレイアウトでの横スクロールボタン

次のような、タイル レイアウトで垂直にスクロールするボタンがたくさんあります。 <style>.tile-button{width:33.3%;height:100px;background-color:lightblue;border:solid1pxgray;white-space:normal;マーリング:0px ;}</style><bodystyle="margin:0;"&

P粉823268006 2023-08-31 20:54:51 0  2  602