ヘッダーã€ãƒ•ãƒƒã‚¿ãƒ¼ã®å›ºå®šã«position:sticky使ã†ã¨CSSã ã‘ã§å®Œçµã™ã‚‹ã—良ã„ã‹ã‚‚。 | Ginpen.comã¨ã„ã†ã‚ã‘ã§ã€ã„ã¾ã•ã‚‰åˆã‚ã¦ä½¿ã„ã¾ã—ãŸã€‚ 実ã¯ç”Ÿã¾ã‚Œã¦åˆã‚㦠`position: sticky` 使ã£ãŸã‚“ã ã‘ã©ã€ã€Œâ€¦â€¦ã„ã„ã˜ã‚ƒã‚“ï¼ã€ã¨ãªã£ãŸã€‚ pic.twitter.com/bzm6q0vY2T — 高梨ギンペイ (@ginpei_jp) January 11, 2018 デモ ãƒ•ãƒƒã‚¿ãƒ¼ã‚‚è¿½åŠ ã—ãŸã‚ˆã€‚ position: sticky ã«ã—ã¦ã€ä½ç½®ã¨èƒŒæ™¯è‰²ã®æŒ‡å®šã‚‚ä½µã›ã¦è¡Œã†ã€‚背景色ãŒãªã„ã¨è¦‹ãˆã¡ã‚ƒã†ã‹ã‚‰ã€‚ position: fixed ã¨é•ã£ã¦ã‚µã‚¤ã‚ºåˆ†ã®ä½™ç™½ã‚’自å‰ã§ç”¨æ„ã™ã‚‹å¿…è¦ãŒãªã„ã®ãŒã‚‰ãã¡ã‚“。 利用å¯èƒ½çŠ¶æ³ IE以外ã§ä½¿ãˆã‚‹ã€‚大丈夫ãã†ã 。 一通りã®ã‚¦ã‚§ãƒ–ブラウザã§åˆ©ç”¨å¯èƒ½ã€‚(Can I useより。) table 関係ãŒç¾è¡Œç‰ˆã ã¨ã¡ã‚‡ã£ã¨ã¾ã アレã£ã½ã„ã‘ã©ã€ä»Šå›žã®ç›®çš„ã«ã¯é–¢ä¿‚ãªã„。 ã¨æ€ã„ã¾ã—㟠æ€ã„ã¤ããªã®ã§ç´°ã‹ã„ã¨ã“調ã¹ã¦ãªã„や許ã—ã¦ã€‚スタック文脈ã¨ã‹çµ¡ã‚“ã§ãã‚‹ã¨ãã£ã¨é¢
{{#tags}}- {{label}}
{{/tags}}