CSSã®position:stickyãŒã™ã”ã便利 | q-Az最近新ã—ãè¿½åŠ ã•ã‚ŒãŸ position ã®æ–°ã—ã„値 sticky ãŒå ´åˆã«ã‚ˆã£ã¦ã¯ã™ã”ã便利ãªã®ã§è¨˜äº‹ã‚’書ã„ã¦ã¿ã¾ã™ã€‚ 対応ブラウザãŒã¾ã ã‚ã¾ã‚Šå¤šããªã„ã®ã§å®Ÿç”¨æ€§ã¯ä¹ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä»Šã¾ã§ JavaScript ã®åŠ›ã‚’借りãªãゃ出æ¥ãªã‹ã£ãŸã“ã¨ãŒãŸã£ãŸã®2行㮠CSS ã§å‡ºæ¥ã¦ã—ã¾ã†é”法ã¿ãŸã„㪠position ã®å€¤ã§ã™ã€‚ position: stickyMDN ãŒèª¬æ˜ŽãŒè©³ã—ã„ã®ã§è²¼ã£ã¦ãŠãã¾ã™ã€‚ å‚考：position - CSS｜MDN ç°¡å˜ã«è¨€ã†ã¨ã€Œã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã®ä½ç½®ã¾ã§æ¥ãŸã‚‰ãれ以é™ã¯ fixed ã™ã‚‹ã€ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ サンプルã“ã®è¨˜äº‹å†…ã§ã€Œposition: stickyã€ã‚„「サンプルã€ãªã© h2 è¦ç´ ã« position: sticky ã‚’ã‹ã‘ã¦ã„ã¾ã™ã€‚対応ブラウザã§ã‚れ㰠h2 è¦ç´ ㌠fixed ã—ã¦ã„ã‚‹ã¯ãšã§ã™ã€‚ HTML<h2 class="h2-stic
{{#tags}}- {{label}}
{{/tags}}