スクロール途中でグローバルナビをページ上部に固定・解除する方法
サイトの動線の要であるグローバルナビ。 グローバルナビを最初からページ上部に固定する場合には、単純にスタイルシートで「position: fixed;」を指定するだけで実現できます。 しかし、ヘッダーが大きい場合やスライドショー下にナビゲーションが来るデザインの時は、最初から固定しておくのではなく、スクロールの途中でページ上部に固定・解除を切り替えたいですよね。 そんな時は、jQueryを使うと実現できます。 ここでは、jQueryを使ったスクロールナビの固定・解除の方法を紹介していきます。 スクロール途中で固定・解除を実現するための原理 原理、というと難しい響きですが、その内容はとてもシンプルで簡単です。 javascriptでは、スクロールイベントが起きた時に走る関数である「.scroll()」があります。 そのイベントが起きた時に、現在のスクロール量とスクロール固定を始める位置を条件
We Love SVG - Google Fonts for icons | Icons8
<script type="text/javascript" src="//web.archive.org/web/20151204075254/https://cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> Flat ColorWin10Font AwesomeFoundationMaterialGlyphiconsIcomoonIonWebhostinghubEntypoElusiveWPFMfglabsRaphaelSimple LineWeatherLsfLineconsMeteoconsMetrizeOcticonsIconicMakiOpenwebiconsStroke7TypiconsZocialBrandicoFontelicoStateface <!DOCTYPE h
Metrize Icons • 300 Icons for Designers & Developers
Free Collection of 300 Metro-Style Icons for Designers and Developers. Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like. All Icons, WebFont and Updates are Free. The download includes: PSD (Single Shape Layer) SVG (Single Icon 512 x 512) EPS AI PDF Web Font The b
【保存必須】フリーアイコン・イラスト素材の無料ダウンロードサイト39選
Webサイト制作、ブログ、資料作成などあらゆる場面でイラスト、アイコンを使います。必要な時に探すのもいいですが、事前にストックしておけば作業の手間を減らせます。 今回は、フリーでアイコン素材・イラスト素材をダウンロードできるWebサイトを紹介します。使用頻度の高いWebサイトはブックマークに保存しておくと便利ですよ。 ビジネスで使えるフリーアイコン素材 FLAT ICON DESIGN（フラットアイコンデザイン） FLAT ICON DESIGN フラットデザインに使えるアイコンを大量にストックしている「FLAT ICON DESIGN」です。JPG・PNG・AI・EPS・SVG形式からダウンロードが可能です。 背景なしバージョンや色違いバージョンなどもあるため、用途に合わせた使い方ができます。 Icooon Mono（アイコーンモノ） Icooon Mono モノトーンのアイコン素材を無
【医師監修】メラニンの排出と沈着の関係！排出を促進する方法は？
ではではまずは、メラニン排出のメカニズムは？なんてお話から！ 不要になったメラニンが、お肌から排出されるルートは２つあります。 １つは、ターンオーバーで角質の表面から排出されて行くルート！ 新陳代謝でお肌の奥の方から表面に押し出されて来て、ついには垢になって落ちて行く感じでしょうか？ そしてもう１つが、逆に真皮層に沈んで行って、マクロファージに捕食されるというルートです。 このターンオーバーとマクロファージによる捕食という２つの排出ルートがしっか働いていれば、メラニンは沈着しないはず。 でも実際は、そう上手く行かないんですよね。 さまざまな理由で、機能しなくなってしまいます！ 目次に戻る メラニン排出がうまく行かなくなくなる原因 お肌のターンオーバーは、加齢や肌ストレス、精神的なストレスやスキンケア不足などで乱れてしまいます。 そしてマクロファージは、ストレスや疲労で免疫力が下がると、うま
Alpha | Multi-Purpose WordPress Theme
とにかく簡単。 ストレスフリーの記事作成。 HTMLやCSSの知識は必要ありません。簡単な操作で結果を確認しながら文字や写真をレイアウトできます。作業している様子を動画撮影したので、画像をクリックしてご覧ください。 美しいデザイン。 レイアウトも自由自在。 複数のデザイン、レイアウトを選択できます。それらは何度も何度もバージョンアップを繰り返し非常に洗練されていますので、どんなテーマのサイトにもピッタリです。 読み込みスピードが早い。 難しくなった次世代SEOにも対応。 SEOの技術的な難易度が上がっていますが、Alphaは全て対応しておりGoogleからも高い評価を受けています。ぜひデモサイト「https://miraihayarou.com/」を実際にテストしてみてください。 テストしたサイトはこちら https://developers.google.com/speed/pagesp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wordpressテーマ「Diver」