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

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

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

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

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

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

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

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

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

JavaScript ウォーターフォール フロー レイアウトのスクロールの問題

{コード...} if(checkScrollSlide())を使用するとページがスクロールできません if(checkScrollSlide)を使用するとスクロール可能ですがバグが発生します スクロールバーは常に小さくなります中央。これは完全なコードです {code. ..}

为情所困 2017-05-19 10:32:40 0  2  564

javascript - vue.js には、現在のインターフェイスを特定の部分までスクロールするためのより高速なメソッドはありますか?

たとえば、通常の HTML ページでは、先頭に戻るときに、a タグの href 属性を特定の ID に設定し、クリックするとその部分までスクロール バーをスクロールできます (もちろん、ページの高さを直接設定することもできます)。スクロールバー)。そして現在、同じvueコンポーネント内で別のものをクリックするという要件があります...

为情所困 2017-05-18 10:45:35 0  8  617

JavaScript - ページスクロールバーが表示されたときにページがジャンプしないようにする方法

ページ スクロール バーが表示されたときにページがジャンプしないようにする方法 前提条件: 1. ie8+2 と互換性があり、ページの高さはコンテンツによって異なります (つまり、高さが固定であるかどうか) 問題: スクロール最近のブラウザのバーはデフォルトで overflow:auto タイプですが、右側に要素 (.tips{ {code...} }...) を定義する必要があります。

迷茫 2017-06-26 10:54:16 0  1  900

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

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

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

angular.js - React-redux アプリのスクロールバーの位置記録?

単一ページのアプリケーションを開発する場合、ページを切り替えるときにスクロール バーは常に固定位置を維持しますが、この問題を解決するためにスクロール動作が使用され、前のページのスクロール バーの位置を記録することもできますが、非同期はサポートされていません。このような状況で、良い解決策はありますか？

PHPz 2017-05-15 16:59:11 0  1  746

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  456

スクロール背景画像の不透明度を下げ、最小不透明度を制限します

背景画像を取得して、スクロール時に不透明度を下げ、ランディングページから離れると、vanillajavascriptを使用して不透明度を最小値0.5に下げようとしています。スクロール関数に Math.max() を追加して 0.5 まで下げようとしましたが、すべてのページで画像が 0.5 のままになります。ランディング ページの不透明度を常に 1 にし、他のすべてのページの不透明度を 0.5 にしたいと考えています。スクロールをアニメーション化することはできますが、0.5 で停止する必要があります。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53 0  1  1448

JavaScript - ページのネストされた iframe の高さ設定の問題

ページの iframe がサードパーティのページに埋め込まれています。この iframe の高さを設定してスクロール バーをなくすにはどうすればよいですか? クロスドメインのため、iframe のドキュメントが取得できません。他の方法はありますか?

世界只因有你 2017-05-19 10:26:37 0  3  774

javascript - JS関数のパラメータのスコープの問題

1. より多くの関数をロードするためにドロップダウン スクロール バーを作成しました。コードは次のとおりです。dropload イベントは、スクロール ホイールを監視する + 関数です。初めてページ A に入るとき、ajaxModel 関数がトリガーされ、メソッドと param が渡されます。ただし、このデータ画面が表示されたら、スクロール ホイールを使用して下にスクロールし、データをロードします。

巴扎黑 2017-06-26 10:52:31 0  1  695

JavaScript - 無限の遅延読み込みに反応する

ページがスクロールするときに、react.js を使用して、プラグインなしで無限の遅延読み込みを実現します。

黄舟 2017-06-15 09:22:36 0  2  835

ページ全体をスクロールしながら React でコンテンツの内部スクロールを実装する方法

ページ全体がスクロールされたときに最初に子コンテンツをスクロールするロジックを React で作成したいと考えています。サブコンテンツが完全にスクロールされると、次のセクションに移動します。例: A、B、C の 3 つのセクションがあります。各セクションの高さは 100vh です。パート B には、B1、B2、B3、B4 の 4 つのサブパートが含まれており、これらもすべて高さ 100vh です。ページをスクロールする場合、セクション B までスクロールすると、そのサブセクションのスクロールが開始されます。サブセクションが完全にスクロールされると、スクロールはセクション C に移動します。GS...

P粉823268006 2023-09-06 18:19:42 0  1  525

JavaScript - 次の部分がスクロールしないようにするにはどうすればよいですか?

アプリに初めて入った h5 ページですが、黒いマスクをドラッグしたときに下のページがスクロールしないようにするにはどうすればよいですか?

为情所困 2017-05-19 10:27:44 0  2  567

JavaScript - ロードメソッドがスクロールバーを無秩序に更新します

私は、load を使用して 2 つのパブリック スタイル (head と tail) を導入し、次に ajax を使用してページの中央からローカル json データを取得し、いくつかのコンテンツ画像をロードしました。結果は、ページ スクロール バーが更新されるたびに、ajax コンテンツから更新されました。少し下にスクロールして、毎回 ajax コンテンツの下からページを更新します...

学习ing 2017-07-05 10:50:21 0  1  876

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

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

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

JavaScript - モバイル ページ モバイル キーボードが入力ボックスをブロックする

通常の状況 問題: 携帯電話でアプリまたはウィンドウを切り替え、ページに戻って入力ボックスを初めてクリックするたびに、キーボードが入力ボックスをブロックし、最初のクリックのみがブロックされます。これは何が原因でしょうか?すると、この時点ではページのスクロールバーが一番下までスクロールしていないことが分かりましたので、...と入力しました。

迷茫 2017-06-22 11:53:59 0  4  1246

ページタイトルとページアンカーが重なる問題の解決策

HTML ページの上部に固定され、高さが定義された非スクロール ヘッダーがある場合: URL アンカー (#fragment パーツ) を使用して、ブラウザーをページ内の特定の位置までスクロールさせる方法はありますか? JavaScript の助けを借りずに固定要素の高さを依然として尊重しますか? http://example.com/#bar エラー (ただし一般的な動作): 正しい: +---------------------------- -- ---++---------------

P粉521748211 2023-08-21 19:18:36 0  2  550

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

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

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