[jQuery]ç”»é¢ã‚’一定é‡ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ãªã©ã‚’固定ä½ç½®ã«é…ç½®ã™ã‚‹å½“ブãƒã‚°ã§ã‚‚採用ã—ã¦ãŠã‚Šã¾ã™ãŒã€ãƒ–ãƒã‚°ãªã©ã§ã‚‚よã見ã‹ã‘るよã†ã«ãªã£ãŸã€ã‚る一定é‡ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ãªã©ãŒå›ºå®šã•ã‚Œã‚‹ï¾”ｰﾂ。 æ‰‹é †ãƒ¡ãƒ¢ã‚’æ™’ã—ã¦ãŠãã¾ã™:) 続ãã¾ã—ã¦headタグ内ãªã„ã—外部èªã¿è¾¼ã¿ã‚¹ã‚¯ãƒªãƒ—トã«ä»¥ä¸‹ã‚’記述ã—ã¾ã™ã€‚ [js] $(function($) { var tab = $(‘.hoge’), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab.addClass(‘fixed’); } else { tab.removeClass(‘fixed’); } }); }); [/js] ↑ã®ã‚¹ã‚¯ãƒªãƒ—トã¯.hogeãŒtopã®ä½ç½®ã«è¡Œã£ãŸã‚‰fixedã¨ã„ã†classã‚’è¿½åŠ ã€ãれ以外ã¯class属性を削除ã™ã‚‹ã€ã¨è¨€ã†å‘½ä»¤ã‚’
![[jQuery]ç”»é¢ã‚’一定é‡ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ãªã©ã‚’固定ä½ç½®ã«é…ç½®ã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac7ae56c20fc639b9d7e08f7f0da2fec804f6625/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20121120-005330.jpg)
{{#tags}}- {{label}}
{{/tags}}