スクロール時に画面の上部に Div の位置を固定する
画面の上部に一度固定される div を作成するにはスクロールされると、CSS のposition プロパティを利用できます。次の CSS スニペットを考えてみましょう:
.fixedElement { background-color: #c0c0c0; position: fixed; top: 0; width: 100%; z-index: 100; }
編集:
要素が適切に固定されるようにするには、最初にその位置を絶対に設定する必要があります。ドキュメントのスクロール オフセットが要素の上部境界に達すると、その位置を動的に変更して固定し、上部プロパティを 0 にリセットできます。
次の JavaScript コード スニペットは、scrollTop 関数を使用してこれを実現する方法を示しています。
$(window).scroll(function(e) { var $el = $('.fixedElement'); var isPositionFixed = ($el.css('position') == 'fixed'); if ($(this).scrollTop() > 200 && !isPositionFixed) { $el.css({'position': 'fixed', 'top': '0px'}); } if ($(this).scrollTop() <p>スクロール オフセットが 200 ピクセルを超えると、要素はブラウザ ウィンドウの上部に固定されます。</p>
以上がスクロール時に画面の上部に Div を固定しておくにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

サイエンスフィクションの初期の頃から、私たちは私たちに話しかける機械について空想してきました。今日は当たり前です。それでも、作成のための技術

私はその日私たちにワードキャンプにいたので、グーテンバーグがコアにリリースされたときのことを覚えています。数ヶ月が今から経過しているので、ますます私たちのことを想像してください

ほとんどのWebアプリケーションの背後にあるアイデアは、データベースからデータを取得し、可能な限り最良の方法でユーザーに提示することです。そこでデータを扱うとき

&#039;は、理にかなっていると思われることを非常に実行できる状況を少し段階的に実行しますが、CSSのトリックでそれを成し遂げることができます。これで

庭のバラエティアンカーリンク()を作成できます。新しいメールを開きます。この機能に少し旅をしましょう。それは非常に使いやすいですが、何でも同じです

ここではほとんど告白:Netlify CMSを一目で見たとき、私は考えました:クール、多分私はいつか新しいプロジェクトのためにCMSSを探索したときにそれを試してみてください。それから


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

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

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
