ナビゲーションをスクãƒãƒ¼ãƒ«ã®é€”ä¸ã§ãƒ˜ãƒƒãƒ€ãƒ¼ã«å›ºå®šã™ã‚‹æ–¹æ³• * R4 * Webサービスレビューサイト最åˆã‹ã‚‰ãƒ˜ãƒƒãƒ€ãƒ¼ã«å›ºå®šã™ã‚‹ã‚¿ã‚¤ãƒ—ã§ã¯ãªãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ã途ä¸ã§ã€ãƒ˜ãƒƒãƒ€ãƒ¼ãŒå›ºå®šã•ã‚Œã‚‹æ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ANTEPRIMAã‚„IWCãªã©ã€å¤šãã®Webサイトã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ <script src="jquery.js"></script> <script> $(function(){ hTop = $('#header').offset().top; }); $(window).scroll(function () { if($(window).scrollTop() > hTop - 0) { $('#header').css('position', 'fixed'); $('#header').css('top', '0px'); }else{ $('#header').css('position', 'static'); } }); </script> #header ã«å›ºå®šã—ãŸã„
position: fixed;ã§ã‚µã‚¤ãƒ‰ã«å›ºå®šã—ã¦jQueryã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼
スクãƒãƒ¼ãƒ«é€”ä¸ã‹ã‚‰ä½ç½®ãŒå›ºå®šã•ã‚Œã‚‹ãƒŠãƒ“ゲーションを作ã£ã¦ã¿ã‚‹
{{#tags}}- {{label}}
{{/tags}}