1ページã§æ§‹æˆã•ã‚Œã¦ã„ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã«å¿œã˜ã¦ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ãŒç‚¹ç¯ã™ã‚‹ã‚ˆã†ãªã‚µã‚¤ãƒˆã‚’最近よã見ã‹ã‘ã¾ã™ã€‚ 自分もãã®ä»•çµ„ã¿ã‚’å–り入れãŸã‹ã£ãŸã®ã§ã€å‹‰å¼·ãŒã¦ã‚‰ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’作りã¾ã—ãŸã€‚ デモサイト 仕組ã¿çš„ã«ã¯ã€éƒ½åº¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã‚’jsã§å–å¾—ã—ã€ç‚¹ç¯ã™ã‚‹ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’判定ã—ã¦ã„ã¾ã™ã€‚ 1. CSSã®èª¿æ•´ CSSã«é–¢ã—ã¦ã¯ç´°ã‹ã„解説ã¯ã—ã¾ã›ã‚“ãŒã€ãƒ˜ãƒƒãƒ€ãƒ¼å›ºå®šãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å ´åˆã€ä¸‹è¨˜ã®ã‚ˆã†ãªCSSを記述ã—ã¾ã™ã€‚ ãŸã ã—ã€position: fixed;ã¯ä¸€éƒ¨ã®ã‚¹ãƒžãƒ›ã§ã¯æœªå¯¾å¿œã®ãŸã‚ã€å¹…広ãブラウザ対応ã™ã‚‹å ´åˆã¯åˆ¥ã®ã‚„り方を考慮ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ #header { position: fixed; width: 100%; height: 50px; top: 0; text-align: center; background: rgba(180, 180, 180, 0.9); borde
{{#tags}}- {{label}}
{{/tags}}