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

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

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

JavaScript - パーフェクトスクロールバープラグインの使用

このプラグインの使用方法についてインターネットでたくさん検索しましたが、どれも正しくないことがわかりました。マスターに質問してください: このプラグインの初期化で Y 軸スクロール バーを表示するにはどうすればよいですか? X 軸スクロール バーがデフォルトでは表示されないのはなぜですか?また、このプラグインの使い方は旧バージョンとは大きく異なりますので、時間があればこのプラグインについて書くことをお勧めします...

代言 2017-07-05 10:39:45 0  1  1547

Ionic 6 の Ionic モード内のスクロールバーのスタイル設定: ステップバイステップ ガイド

ion-modal には、コンテンツがオーバーフローした場合に表示されるデフォルトのスクロールバーがあります。スクロールバーのスタイルを変更したい。 ::-webkit-scrollbar、::-webkit-scrollbar-track、および ::-webkit-scrollbar-thumb を使用してアプリ内のスクロールバーのスタイルを設定できますが、モーダルでは機能しないようです。これらの要素をモーダル内の複数のコンポーネント、たとえば ion-content::-webkit-scrollbar に適用しようとしましたが、適用されません

P粉547362845 2024-01-04 20:51:07 0  1  525

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

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

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

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

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

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

JavaScript - スクロール イベントでバブリングを防止できないのはなぜですか?

要件は、マウスがページ上のスクロール バーのある要素内にあるときに、本文のスクロールが同時にトリガーされないようにスクロール イベントをトリガーすることです。率直に言うと、マウスが div 内でロールすると、たとえ div が最後までスクロールしても、本文はスクロールしません。バブリングを防ぐために div にスクロールイベントを与えました。このアイデアを活かしたいのですが…

PHP中文网 2017-07-05 11:07:59 0  6  4265

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

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

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

javascript - 要素が自動的に上に移動しました。画像を見てください。

これは使用されるプルページ プラグインです。最初のスクロール サイクルの後、矢印は自動的に上に移動します。{code...}

黄舟 2017-05-16 13:38:37 0  1  483

HTMLタグ内のノードを取得するにはどうすればよいですか?

クリック イベントを使用する場合、イベントを使用して現在のノードを見つけることができます。ただし、イベントがバインドされていない場合、p タグで現在の p ノードを取得する方法 {code...} 私の要件は、スクロール バー {code...} を介して別のノードにスクロールするときに v-show=true を使用することです。 } .} {コード...}

曾经蜡笔没有小新 2017-05-19 10:34:54 0  4  785

Streamlit チュートリアル: テキスト領域の高さを動的に調整するにはどうすればよいですか?

私のシナリオでは、2 つのテキストエリアを持つ 2 つの st.columns があります。 1 つはユーザー入力用、もう 1 つは生成されたテキスト用です。テキスト領域を行ごとに拡大し、テキスト領域のスクロールバーを取り除くことはできますか?テスト中に使用できるのはスクロールバーのみで、st.markdown を使用して HTML を挿入できることはわかっていますが、テキストエリアを呼び出す方法と、テキストエリアを編集して高さを動的に調整する方法がわかりません。

P粉007288593 2023-09-04 17:34:31 0  1  783

高さ 100vh では垂直スクロールバーが表示されます

高さ 100vh で問題が発生し、垂直スクロールバーが表示されます。外部コンテンツを高さ 100vh のウィジェットホルダーディビジョン内に埋め込みます。しかし、ウィジェットホルダーのコンテンツは親 div を超えており、垂直スクロールバーが表示されます。固定ヘッダーを削除すると、垂直スクロールバーが表示されなくなります。しかし、これを削除することはできません。 widget-holderdiv の高さを減らすと、一部のコンテンツが表示されなくなります。なので身長は下げられません。ウィジェットホルダーのコンテンツを親の高さと正確に一致させるための解決策が必要です。 html

P粉378264633 2024-03-27 23:06:05 0  1  525

javascript - スクロールイベントのイベントオブジェクトを使用してスクロールバーのスクロール距離を計算することはできますか?

定義されたスクロールトップ属性は適用されません

三叔 2017-06-30 09:58:09 0  1  849

スクロール操作前に条件を追加する方法

fullpage.js ライブラリの使用に問題があります。モーダルを開いたときに画面がスクロールしないようにする必要があります。次のコードで、onLeave、afterLoad、jQuery を使用してスクロールを無効にしてみました: $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45 0  1  525

Vue のスクロール アンカーは別のページにありますか?

私のWebサイトのタイトルにはルーターリンクがあり、クリックするとフォームのあるページ/登録に移動します。私が実現したいのは、クリックすると vueScrollTo プラグインを使用して登録フォームにスクロールすることです。現在は動作していますが、100% 希望どおりに動作するわけではありません。現時点では、/registration ページ以外でクリックすると、フォームまで完全にスクロールしますが、/registration ページ自体にいてルーターのリンクをクリックすると、メタにスクロールしようとすると警告が表示されます。ページに載っていない

P粉627027031 2024-02-21 10:17:16 0  2  427

javascript - Vue2.x は条件判定後にメッセージプロンプトコンポーネントを動的に挿入する方法

もともとElement UIでMessageを使っていたのですが、スタイルがプロジェクトと合わず、新しいUIにデザインを与えました。今度はこのメッセージプロンプトをコンポーネントとして書きたいと思います。このような呼び出しの実装方法 Message.error( 「インターフェース要求が失敗しました」);。または、api.js で呼び出すことができる限り、この形式である必要はありません...

仅有的幸福 2017-05-19 10:25:11 0  2  673

JavaScript のトリック: タッチ スクリーン デバイスを効率的に検出するにはどうすればよいですか?

デスクトップとモバイルデバイスで動作する jQuery プラグインを作成しました。 JavaScript を使用してデバイスにタッチスクリーン機能があるかどうかを検出する方法があるかどうか疑問に思っています。 jquery-mobile.js を使用してタッチ スクリーン イベントを検出しており、iOS、Android などで動作しますが、ユーザーのデバイスにタッチ スクリーンがあるかどうかに基づいた条件ステートメントも書きたいと考えています。これは可能でしょうか?

P粉877719694 2023-08-20 15:26:32 0  2  704

Vue の遅延読み込みバナー

ページには 5 つのバナーがあり、ユーザーのクリックに基づいて表示または非表示を選択します。この時点で、バナー データは API から取得されており、API 上のバナー エントリごとにバナー コンポーネントを繰り返しています。ユーザーがクリックした後にのみ画像をダウンロードする方法はありますか?遅延読み込みのネイティブ動作を試しましたが、画像はすべて最初のスクロールに表示され、ユーザーのクリックによって画像を表示または非表示にするため、最初に画像が読み込まれます。 <banner-basev-for="bannerinentry.banners":key="...

P粉041758700 2024-03-28 23:03:47 0  1  502

vue-easytable プラグインは条件付きで列を表示します

Vue コンポーネント内のテーブルを表示するために vue-easytable プラグイン バージョン 2.8.2 を使用しています。テーブルの列を条件付きで表示する方法を見つけるのに苦労しています。ここに示すデモでは、Row Radio または Row Checkbox スイッチをオンにすると、列がデモ テーブルに動的に追加されることがわかります。したがって、この機能/機能は vue-easytable にすでに存在しているはずだと思いますが、ドキュメントを参照してもこれを実装する方法が見つかりません。私の Vue コンポーネントでは、vue-easytable に渡す列配列は次のとおりです...

P粉066224086 2024-03-27 17:51:33 0  1  439

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  893

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  778