scrollTop はスクロールの高さを表します。デフォルトでは、スクロールはposition:0; から始まります。scrollTop のオフセット (offset) は、上からのオフセットをピクセル単位で表します。
scrollTop() のスクロールの高さは、スクロール値を「設定」することも、スクロール値を「取得」することもできます。
スクロール値が設定されている場合、このメソッドは一致するすべての要素のスクロール値を設定します。
スクロール値を取得する場合、このメソッドは最初に一致した要素のスクロール位置のみを返します。
scrollTop の値を取得するには、次のコードを参照できます:
varscrollTop = document.documentElement.scrollTop || window.pageYOfset ||document.body.scrollTop;
1. ブラウザごとのスクロールトップの違い
IE6/7/8:
doctype 宣言のないページの場合は、document.body.scrollTop を使用してスクロールトップの高さを取得できます。
doctype 宣言のあるページの場合は、 document.documentElement.scrollTop; を使用できます。
サファリ:
Safari は特別で、scrollTop を取得する独自の関数があります: window.pageYOffset;
Firefox:
Firefox やその他の比較的標準的なブラウザの場合は、はるかに心配する必要はありません。 document.documentElement.scrollTop ;
を使用してください。
2. スクロールトップ値を取得します
scrollTop 値は、この割り当てを通じてどのような状況でも取得できます。
数値 0 と undefine の OR を演算すると、システムはデフォルトで最後の値を返すためです。つまり、OR 演算では 0 == undefine になります。
ページ スクロール バーがちょうど上部にあるとき、つまり、scrollTop 値が 0 のとき。 IE では、window.pageYOffset (Safari) は undefine を返します。このとき、window.pageYOffset (Safari) を OR 演算の最後に置くと、次の演算で undefine を使用すると、scrollTop は undefine を返します。報告した。
他のブラウザではscrollTopの割り当てや操作順序に関係なくundefineを返すことはありませんので安心してご利用いただけます。
結局のところ、やはり IE の問題です...
少し混乱していて、自分の考えを明確に表現できるかわかりません。
しかし最終的には、この文はテスト済みで問題ないので、安心して使用できると結論付けました。
コードをコピーします
DTD 関連の手順:
ページに DTD がない場合、または DOCTYPE が指定されていない場合は、document.body が使用されます。
これは IE と Firefox の両方に当てはまります。
互換性を確保するために、DTD の有無に関係なく、次のコードを使用できます:
コードをコピーします
DocumentElement と本文関連の手順:
body は DOM オブジェクトの body 子ノード、つまり
タグです。documentElement は、ノード ツリー全体のルート ノードのルートであり、
タグです。DOM は、階層内の各オブジェクトをノードと呼びます。これは、ディレクトリと同じようにツリー構造として理解できます。ルート ディレクトリには、サブディレクトリもあります。ディレクトリの下にあります。
HTML ハイパーテキスト マークアップ言語を例に挙げます。ドキュメント全体の 1 つのルートは、DOM の document.documentElement を使用してアクセスできます。これは、ノード ツリー全体のルート ノードです。 body は子ノードです。body タグにアクセスするには、スクリプト内に document.body を記述する必要があります。
ボタンをクリックしてページの先頭までスクロールしたい場合は、jquery を使用してコード $(document).scrollTop(0) をクリックして実行し、先頭までスクロールします。
同じスクロール位置scrollLeftは左へスクロールする位置を示します。
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

メモ帳++7.3.1
使いやすく無料のコードエディター

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
