ホームページ ウェブフロントエンド jsチュートリアル JavaScript は、top_javascript スキルまでスクロールした後、位置の値を変更してメニューを修正します

JavaScript は、top_javascript スキルまでスクロールした後、位置の値を変更してメニューを修正します

May 16, 2016 pm 05:43 PM
修理済み スクロール

現在、多くの Web サイトでは、ページが特定の高さまでスクロールすると、メニュー バーがページの上部に固定されます。実際には、位置の値を変更することです。
html コード:

コードをコピー コードは次のとおりです:




="text /css">
.wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;}
.header{height:150px;}
# nav{パディング :10px;position:relative;top:0;background:black;width:1000px;}
a{display:inline-block;margin:0 10px;*display:inline;zoom:1;color:白;}


>


"text/javascript" src="menuFixed.js">

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

VirtualBox 固定ディスクをダイナミック ディスクに、またはその逆に変換します VirtualBox 固定ディスクをダイナミック ディスクに、またはその逆に変換します Mar 25, 2024 am 09:36 AM

仮想マシンを作成するときに、ディスクの種類を選択するように求められます。固定ディスクまたはダイナミック ディスクを選択できます。固定ディスクを選択した後でダイナミック ディスクが必要であることに気付いた場合、またはその逆の場合はどうすればよいでしょうか? いいですね!一方をもう一方に変換できます。この記事では、VirtualBox 固定ディスクをダイナミック ディスクに、またはその逆に変換する方法を説明します。ダイナミック ディスクは、最初は小さいサイズですが、仮想マシンにデータを保存するにつれてサイズが大きくなる仮想ハード ディスクです。ダイナミック ディスクは、必要なだけのホスト ストレージ スペースのみを使用するため、ストレージ スペースを節約するのに非常に効率的です。ただし、ディスク容量が増加すると、コンピュータのパフォーマンスがわずかに影響を受ける可能性があります。仮想マシンでは固定ディスクとダイナミック ディスクが一般的に使用されます

変更されないコンピューターのロック画面の壁紙を設定する方法 変更されないコンピューターのロック画面の壁紙を設定する方法 Jan 17, 2024 pm 03:24 PM

一般的に、コンピュータのデスクトップの背景パターンはユーザーが調整できます。ただし、一部の Windows 10 ユーザーは、コンピューターのデスクトップの背景画像を修正したいと考えていますが、その設定方法がわかりません。実際、操作は非常にシンプルで簡単です。コンピューターのロック画面の壁紙を変更せずに修正する方法 1. 設定する画像を右クリックし、[背景画像として設定] を選択します。 2. Win+R を押して開いて実行し、「gpedit.msc」と入力します。 3. 以下を展開します。ユーザー構成 - 管理テンプレート - コントロール パネル - 個人用設定 4. [個人用設定] をクリックし、[デスクトップの背景への変更を防止する] を選択します 5. [有効] を選択します 6. 次に、設定を開いて背景に入ります。が設定されています。

Windows 11 でウィジェット パネルを常に表示しておく方法 Windows 11 でウィジェット パネルを常に表示しておく方法 Aug 13, 2023 pm 07:13 PM

Windows 11で開くときにウィジェットボードを常に表示するにはどうすればよいですか?まず、最新の Windows 更新プログラムをダウンロードしてインストールします。 Microsoft は、Insider Program の最新の更新パッチで、開発チャネルとカナリア チャネルのユーザーがウィジェット ボードを開いた状態で固定できるようになり、いつでも一目で見えるようにできることを明らかにしました。 Windows 11 でボードが開いているウィジェットを常に表示する方法 Microsoft によると、ボードを固定して開くには、ボードの右上隅にある画鋲アイコンをクリックするだけです。ボードが開いた状態で固定されると、ウィジェット ボードは閉じることを無視しなくなります。ボードが固定されている間でも、タスクバーの [ウィジェット] ボタンからウィジェット ボードを開いてボードを閉じることができます。いつウィジェット

JavaScriptで指定した要素の位置へのスクロールを実装するにはどうすればよいですか? JavaScriptで指定した要素の位置へのスクロールを実装するにはどうすればよいですか? Oct 22, 2023 am 08:12 AM

JavaScriptで指定した要素位置までスクロールする機能を実装するにはどうすればよいですか? Web ページにおいて、ユーザーの視線を特定の要素の位置に集中させる必要がある場合、JavaScript を使用して、指定された要素の位置までスクロールする機能を実装できます。この記事では、JavaScript を使用してこの関数を実装する方法と、対応するコード例を紹介します。まず、対象要素の位置情報を取得する必要があります。 Element.getBoundingClientを使用できます

HTML、CSS、jQuery: 自動スクロール掲示板を作成する HTML、CSS、jQuery: 自動スクロール掲示板を作成する Oct 27, 2023 pm 06:31 PM

HTML、CSS、および jQuery: 自動的にスクロールする掲示板を作成する 最新の Web デザインでは、重要な情報を伝え、ユーザーの注意を引くために掲示板がよく使用されます。自動スクロール掲示板は、Web ページ上で広く使用されており、掲示板のコンテンツがページ上でスクロールしてアニメーション形式で表示され、情報の表示効果とユーザー エクスペリエンスが向上します。この記事ではHTML、CSS、jQueryを使って自動スクロール掲示板を作る方法と具体的なコード例を紹介します。まず、HTが必要です

iframe のスクロール動作を監視する iframe のスクロール動作を監視する Feb 18, 2024 pm 08:40 PM

iframe のスクロールを監視する方法には、特定のコード サンプルが必要です。iframe タグを使用して Web ページに他の Web ページを埋め込む場合、場合によっては、iframe 内のコンテンツに対して特定の操作を実行する必要があります。一般的なニーズの 1 つは、スクロールが発生したときに対応するコードを実行できるように、iframe のスクロール イベントをリッスンすることです。以下では、JavaScript を使用して iframe のスクロールを監視する方法を紹介し、参考として具体的なコード例を示します。 iframe 要素を取得する まず、必要なものがあります。

Vueで全画面スクロール効果を実装する方法 Vueで全画面スクロール効果を実装する方法 Nov 08, 2023 am 08:42 AM

Vue で全画面スクロール効果を実現する方法 Web デザインでは、全画面スクロール効果はユーザーに非常にユニークでスムーズなブラウジング エクスペリエンスをもたらします。この記事では、Vue.js で全画面スクロール効果を実現する方法と具体的なコード例を紹介します。全画面スクロール効果を実現するには、まず Vue.js フレームワークを使用してプロジェクトを構築する必要があります。 Vue.js では、vue-cli を使用してプロジェクトのスケルトンをすばやく構築できます。次に、フルページなどのスクロール効果を実現するために、いくつかのサードパーティ ライブラリを導入する必要があります。

コンピューターのメモをデスクトップに固定する方法 コンピューターのメモをデスクトップに固定する方法 Feb 15, 2024 pm 04:00 PM

Windows 10 オペレーティング システムには便利なメモ機能があらかじめ組み込まれているため、大切なユーザーが必要に応じて一時的なメモやメッセージを書き込むことができます。付箋をすばやく簡単に見つけて使用するためのツールとしてこれを使用したい、またはこの実用的な小さなプログラムを大きな画面の中央に固定して参照しやすいようにしたいとします。手順: コンピュータに付箋を固定する方法 デスクトップ上 1. [スタート] をクリックし、ここの付箋をクリックします 2. 付箋を開いた後、ここに対応する内容を直接入力することもできますし、プラス記号をクリックすることもできます3. サードパーティを使用する場合 メモ作成ソフトウェアをお持ちの場合は、対応するソフトウェアの設定を入力して動作させることができます。

See all articles