こんにちは。 今回はjQueryで上スクロールと下スクロールで違う処理をする!です。 広告とかを表示したい時等にたまに上スクロールと下スクロールで違う処理をしたい時ってありますよね。 今回はそれのメモ書きです。 [javascript] $(function() { var before = $(window).scrollTop(); $(window).scroll(function() { var after = $(window).scrollTop(); if(before > after) { 上スクロールした時の処理 } else if(before < after) { 下スクロールした時の処理 } before = after; }); }); [/javascript] beforeという変数が最初のスクロールの位置を取得しています。 afterが後のスクロールの位置を
Headroom.js Give your pages some headroom. Hide your header until you need it. Or install via npm/yarn: npm install headroom.js --save yarn add headroom.js What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slid
最近、下にスクロールすれば消えて、上にスクロールすれば現れる固定メニューを設置しているサイトを2つくらい(サイト名は忘れてしまいました。。)見かけて、これは流行っているのではないかということで作ってみました。 メニュー自体はいたって普通のものですが、一応ソースを載せておきます。まずはHTMLです。 <nav id="menu-wrap"> <ul id="menu"> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> </ul> </nav> 続いてCSSです。 #menu-wrap { position: fixed; z-inde
Section1 300px以上スクロールするとメニューが上に消えます Section2 上にスクロールするとメニューが現れます Section3 また下にスクロールするとメニューは消えます Section4 スマホのような感じかも Section5 常に固定メニューが見えているのがわずらわしいという方はぜひ 記事に戻る
このプロジェクトは、2018-02-19に募集を開始し、71人の支援により4,729,000円の資金を集め、2018-03-28に募集を終了しました 皆様からの応援とご支援のおかげで目標金額の「200万円」を達成することができました! 本当にありがとうございます!! これで無事にマイクロブタの国内ファームが建設できそうです。 ですが、この成功に踏み止まらず、新たなストレッチゴールを『300万円』に設定しました! 残りの100万円に関しては、 ・マイクロブタに最適なエサの開発 ・マイクロブタを知ってもらうための広告活動 の費用に充てさせていただきます。 皆様どうか引き続き、よろしくお願い致します。 ▼初めにこのページをご覧の皆様、初めまして。 マイクロブタの国内ファーム建設プロジェクトを運営しているMipigと申します。 まずはMipigの公式HPをご覧いただき、マイクロブタの詳細や私たちの
63,391,282点の「アイコン」の写真素材、ベクター画像、イラストをロイヤリティフリーでダウンロードできます。 アイコンの動画クリップ素材をご覧ください
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く