jQuery・スティッキープラグイン「Sticky-Kit」をPC端末でのみ有効化する

fgrDye7H6k294bN6

検証済みブラウザとOS

  • IE 9~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X El Capitan
  • iOS 9
  • Android 5 / 6

 

要点とコード

code

  • ユーザーエージェント切り替えの、簡単なJSコードを追加しただけ
  • iPhone / iPod touch / iPad / Android / BlackBerry / Windows Phone 以外の端末(パソコン)の場合に、クラスを付与する
  • UA切り替えコードはもっとスマートに書けるはずだが、面倒なのでこれで

 

コツ:何でも良いのでブロック要素でネストする

customize

デモのようにグローバルナビゲーションをスティッキー化する場合、

ではなく、

みたいに、ブロック要素でネストする。

コメントを投稿する

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは、一度だけクリックしてお待ちください。