エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
WoodNote|Web制作つれづれ 【jQuery】スクロールするとついてくるメニュー
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
WoodNote|Web制作つれづれ 【jQuery】スクロールするとついてくるメニュー
短いコードでスクロールするとついてくるメニュー(に限りませんが)の作り方を紹介します。 $(function... 短いコードでスクロールするとついてくるメニュー(に限りませんが)の作り方を紹介します。 $(function() { var $sidebar = $("#sidebar"), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { if ($window.scrollTop() > offset.top) { $sidebar.stop().animate({ marginTop: $window.scrollTop() - offset.top + topPadding }); } else { $sidebar.stop().animate({ marginTop: 0 }); } }); }); topPaddingの数値を変更することでページの最上部