JavaScript - JS スクロール バーの実装アイデア

Vue2.0のスクロールバープラグインが見つからなかったので、JSでスクロールバーを実装したいと思い、インターネット上でスクロールバー実装用のJSプラグインをいくつか見つけました。スクロールバーコードを手動で書いたマスターはいますか?それとも関連するブログはありますか？コードは必要ありません。基本的な実装アイデアだけで十分です。

PHP中文网 2017-06-12 09:32:11 0  4  862

ページ全体をスクロールしながら 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  557

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

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

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

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

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

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

JavaScript - デフォルトのページにはスクロール バーがあります。ポップアップ レイヤーが表示されるときに、元のスクロール バーを非表示にして、ポップアップ コンテンツをスクロール可能にするにはどうすればよいですか?

モバイル ページでは、デフォルトの本文に多くのコンテンツが含まれており、スクロール バーが付いています。クリックするとポップアップ レイヤーが表示されると、本文のコンテンツはスクロールできませんが、ポップアップ レイヤーはスクロールできます。どうやって対処すればいいのでしょうか？

phpcn_u1582 2017-05-18 11:00:54 0  4  523

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

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

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

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

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

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

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

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

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

javascript - jqueryリアルイベント、ページが各DIVの先頭までスクロールすると、イベントを実行します

jqueryリアルイベント、ページが各DIVの先頭までスクロールすると、イベントを実行します

我想大声告诉你 2017-05-18 10:50:45 0  1  658

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

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

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

linux - コードに第 2 レベルのドメイン名を追加し、A レコード解決を自動的に実行するにはどうすればよいですか?

今日、ある人が shopnc のセカンダリ マーチャント ドメイン名解決の問題について教えてくれました。実装方法がわかりません。これは、特定の販売者の第 2 レベルのドメイン名をバックグラウンドで編集するためのもので、このドメイン名は、ping されたアドレスと同様に、自動的にサーバーの IP を指すようになります。今はコードの実装を見る機会がないので、この大きなことについて皆さんにお聞きしたいのですが...

迷茫 2017-05-16 13:34:51 0  1  805

javascript - WeChat アプレット 左にスワイプして削除するこのメソッドを実装するにはどうすればよいですか?関連する API はありますか?

最近ショッピングモールのページを制作しているのですが、ショッピングカート内に指を左にスライドさせると削除ボタンが表示される機能があるのですが、どうすれば実装できるのでしょうか？この機能はJD.comのショッピングカートに基づいています~

给我你的怀抱 2017-06-10 09:49:10 0  2  1011

Chromeブラウザで自動音声再生を実装する方法

オーディオの自動再生は、Mozilla、Microsoft Edge、および古いバージョンの Google Chrome で機能しますが、自動再生ポリシーの変更により、Google Chrome 67 以降では自動再生できません。自動再生がブロックされています (リンクされたブログ投稿で指定されている特定のセッション条件が満たされるまで)。 Google Chrome67+でオーディオ自動再生を実装するにはどうすればよいですか?

P粉617597173 2023-08-20 17:12:40 0  1  1376

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

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

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

jsで複数のイベントが同時に発生しますが、そのうちの1つを防ぐにはどうすればよいですか?

実現したいのは、スクロール軸が指定した領域までスクロールすると、小さい連番が指定した色に変わり、同時に小さい連番に対応する領域までページがスクロールするということです。番号をクリックすると、指定した領域までスクロールすることもできますが、同時に小さなシリアル番号が指定した色に変わるときに問題が発生します。

世界只因有你 2017-05-19 10:25:54 0  2  736

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  648

java - springmvc ビュー分析にfreemakerを使用して、PCとモバイル端末間の異なるパスを実装する方法

springmvc で PC とモバイルで異なるパスを実装したいのですが、ビュー解析に freemaker を使っているのですが、よくわかりません。アドバイスをお願いします。ありがとうございます。

PHP中文网 2017-05-17 10:09:06 0  3  792

JavaScript - 携帯電話でトップに戻る効果を実現するにはどうすればよいですか? （携帯電話のスクロールバーは隠れてしまい検出できません） 私が使用しているsuiフレームワークのアンカー機能は使えません jsメソッドはありますか？

タイトルのように、 sui フレームワークを使用しているため、ルーティング機能を無効にしたにもかかわらず、トップに戻るための js メソッドはありませんか。スイフレームワークに詳しいマスターはどうやって実装すればいいですか？

ringa_lee 2017-05-16 13:31:29 0  1  1263

JavaScript - swiper.js を使用して、複数の h5 記事のスライドを実現します。記事をクリックすると、別のページの全文にジャンプします。クリックすると、スライド インターフェイスに戻ります。対応する swiper_slide を見つける方法

記事の左右スライド切り替えを実現するために swiper.js を使用しました。クリックすると全文が展開されます。別の HTML ページを作成しました。このページの対応する記事のサムネイルを返すにはどうすればよいですか。戻りましたので、最初の記事のサムネイルを表示し、対応するスライドを見つけます。実装方法またはテキスト全体を処理する別の方法

某草草 2017-06-10 09:48:38 0  1  992

vim プラグイン vimwiki で Vimwiki2HTML の詳細を変更する方法

vimwiki のデフォルトの Vimwiki2HTML コマンドは、%toc を現在の Wiki エントリのディレクトリに変換しますが、2 番目のディレクトリ ID を toc_1.1 (ID にはドットが含まれます) に変換し、bootstrap-scrollspy を使用してスクロール検出を実装します (参考: Web ページのスクロール検出と上部固定ナビゲーションを実装する方法...

世界只因有你 2017-05-16 16:42:17 0  1  775