以前に「HTMLページのスクロールバーに関する設(shè)定まとめ」という記事がありましたが、主にCSSでスクロールバーのスタイルや色などを設(shè)定する方法についてまとめました。 JS/JQ 経由:
1 . jQuery を使用して 3 次元デジタル スクロール バーを追加する効果を?qū)g現(xiàn)する例
jquery を使用して 3 次元デジタル スクロール バーを追加する効果を?qū)g現(xiàn)する コードは次のように分割されます。 2 つの部分に分かれており、1 つは HTML 構(gòu)造で、もう 1 つは JS コードセグメントです。必要な方は參照してください。
2.シンプルな垂直スクロールバーを?qū)g裝するjs
この記事では、參考になりやすいシンプルな垂直スクロールバーを?qū)g裝するjsのサンプルコードを中心に紹介します。エディター
3.カスタムスクロールバーをカプセル化するネイティブjsのコードケース共有
この記事では主にカスタムスクロールバーをカプセル化するネイティブjsの関連知識を紹介します。非常に良い基準(zhǔn)値を持っています。エディターで見てみましょう
最近、オンライン音楽プレーヤーを作成するプロジェクトがあり、スクロール バーを使用する必要がありましたが、組み込みのスクロール バーが非常に醜いため、カスタム スクロールを考えました。ストリップ。
4.jqueryを使用して外側(cè)のスクロールバーのスクロールを禁止します
通常、內(nèi)側(cè)のスクロールバーが両端までスクロールすると、外側(cè)のスクロールバーもスクロールに追従しますが、場合によってはユーザーがスクロールすることを望んでいます。外側(cè) (ウィンドウ) スクロール バーをトリガーせずに、現(xiàn)在の領(lǐng)域のみをスクロールできます。 現(xiàn)在の領(lǐng)域を離れた後は、外側(cè)のスクロール バーをスクロールできます。ユーザーが誤ってスクロールしすぎて、現(xiàn)在の領(lǐng)域が表示領(lǐng)域から外れてしまう可能性があるためです。
5.スクロールバーが最下部に到達(dá)したか上部に到達(dá)したかを判斷する
$(document).height() //是獲取整個頁面的高度 $(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器窗口大小時會改變，與document是不一樣的
上部を取得するには、scrollTop()==0の場合にのみ上部を取得する必要があります。一番下では、スクロールトップ()>=$(document).height()-$(window).height() を?qū)g行するだけで、一番下までスクロールしたことがわかります
以上がスクロールバー効果を?qū)g裝するための js/jQ メソッドのまとめの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8638
17
1783
16
1728
56
1579
28
1444
31
推奨: 優(yōu)れた JS オープンソースの顔検出および認(rèn)識プロジェクト
Apr 03, 2024 am 11:55 AM
顔の検出および認(rèn)識テクノロジーは、すでに比較的成熟しており、広く使用されているテクノロジーです?，F(xiàn)在、最も広く使用されているインターネット アプリケーション言語は JS ですが、Web フロントエンドでの顔検出と認(rèn)識の実裝には、バックエンドの顔認(rèn)識と比較して利點(diǎn)と欠點(diǎn)があります。利點(diǎn)としては、ネットワーク インタラクションの削減とリアルタイム認(rèn)識により、ユーザーの待ち?xí)r間が大幅に短縮され、ユーザー エクスペリエンスが向上することが挙げられます。欠點(diǎn)としては、モデル サイズによって制限されるため、精度も制限されることが挙げられます。 js を使用して Web 上に顔検出を?qū)g裝するにはどうすればよいですか? Web 上で顔認(rèn)識を?qū)g裝するには、JavaScript、HTML、CSS、WebRTC など、関連するプログラミング言語とテクノロジに精通している必要があります。同時に、関連するコンピューター ビジョンと人工知能テクノロジーを習(xí)得する必要もあります。 Web 側(cè)の設(shè)計により、次の點(diǎn)に注意してください。
PHP と JS を使用して株価ローソク足チャートを作成する方法
Dec 17, 2023 am 08:08 AM
PHP と JS を使用して株のローソク足チャートを作成する方法。株のローソク足チャートは、株式市場で一般的なテクニカル分析グラフィックです。始値、終値、最高値、株価などのデータを描畫することで、投資家が株式をより直観的に理解するのに役立ちます。株価の最低価格、価格変動。この記事では、PHP と JS を使用して株価のローソク足チャートを作成する方法を、具體的なコード例とともに説明します。 1. 準(zhǔn)備 開始する前に、次の環(huán)境を準(zhǔn)備する必要があります。 1. PHP を?qū)g行するサーバー 2. HTML5 および Canvas をサポートするブラウザー 3
株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描畫する手順を?qū)Wびます
Dec 17, 2023 pm 06:55 PM
株式分析に必須のツール: PHP および JS でローソク足チャートを描畫する手順を?qū)Wびます。特定のコード例が必要です。インターネットとテクノロジーの急速な発展に伴い、株式取引は多くの投資家にとって重要な方法の 1 つになりました。株価分析は投資家の意思決定の重要な部分であり、ローソク足チャートはテクニカル分析で広く使用されています。 PHP と JS を使用してローソク足チャートを描畫する方法を?qū)Wぶと、投資家がより適切な意思決定を行うのに役立つ、より直感的な情報が得られます。ローソク足チャートとは、株価をローソク足の形で表示するテクニカルチャートです。株価を示しています
JS と Baidu Maps を使用してマップ パン機(jī)能を?qū)g裝する方法
Nov 21, 2023 am 10:00 AM
JS と Baidu Map を使用してマップ パン機(jī)能を?qū)g裝する方法 Baidu Map は広く使用されている地図サービス プラットフォームで、Web 開発で地理情報、位置情報、その他の機(jī)能を表示するためによく使用されます。この記事では、JS と Baidu Map API を使用してマップ パン機(jī)能を?qū)g裝する方法と、具體的なコード例を紹介します。 1. 準(zhǔn)備 Baidu Map API を使用する前に、Baidu Map Open Platform (http://lbsyun.baidu.com/) で開発者アカウントを申請し、アプリケーションを作成する必要があります。作成完了
JSとBaidu Mapsを使ってマップヒートマップ機(jī)能を?qū)g裝する方法
Nov 21, 2023 am 09:33 AM
JS と Baidu Maps を使用してマップ ヒート マップ機(jī)能を?qū)g裝する方法 はじめに: インターネットとモバイル デバイスの急速な発展に伴い、マップは一般的なアプリケーション シナリオになりました。視覚的な表示方法として、ヒート マップはデータの分布をより直観的に理解するのに役立ちます。この記事では、JS と Baidu Map API を使用してマップ ヒート マップ機(jī)能を?qū)g裝する方法と、具體的なコード例を紹介します。準(zhǔn)備作業(yè): 開始する前に、次の項(xiàng)目を準(zhǔn)備する必要があります: Baidu 開発者アカウント、アプリケーションの作成、対応する AP の取得
JSと百度地図を使って地図クリックイベント処理機(jī)能を?qū)g裝する方法
Nov 21, 2023 am 11:11 AM
JS と Baidu Maps を使用してマップ クリック イベント処理を?qū)g裝する方法の概要: Web 開発では、地理的位置と地理情報を表示するためにマップ関數(shù)を使用することが必要になることがよくあります。マップ上のクリック イベント処理は、マップ機(jī)能の一般的に使用される重要な部分です。この記事では、JS と Baidu Map API を使用して地図のクリック イベント処理機(jī)能を?qū)g裝する方法と、具體的なコード例を紹介します。手順: Baidu Map の API ファイルをインポートします。まず、Baidu Map API のファイルを HTML ファイルにインポートします。これは、次のコードによって実現(xiàn)できます。
PHP および JS 開発のヒント: 株価ローソク足チャートの描畫方法をマスターする
Dec 18, 2023 pm 03:39 PM
インターネット金融の急速な発展に伴い、株式投資を選択する人がますます増えています。株式取引では、ローソク足チャートは一般的に使用されるテクニカル分析手法であり、株価の変化傾向を示し、投資家がより正確な意思決定を行うのに役立ちます。この記事では、PHP と JS の開発スキルを紹介し、株価ローソク足チャートの描畫方法を読者に理解してもらい、具體的なコード例を示します。 1. 株のローソク足チャートを理解する 株のローソク足チャートの描き方を紹介する前に、まずローソク足チャートとは何かを理解する必要があります。ローソク足チャートは日本人が開発した
jsとvueの関係
Mar 11, 2024 pm 05:21 PM
js と vue の関係: 1. Web 開発の基礎(chǔ)としての JS、2. フロントエンド フレームワークとしての Vue.js の臺頭、3. JS と Vue の補(bǔ)完関係、4. JS と Vue の実用化ビュー。
