ページ内リンクãŒå›ºå®šãƒ˜ãƒƒãƒ€ã¨é‡ãªã£ã¦éš れるå•é¡Œã‚’解決ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã“ã“æ•°å¹´ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ヘッダãŒä¸Šéƒ¨ã«å›ºå®šé…ç½®ã•ã‚Œã¦ã„るページãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚UXçš„ã«ã¯ä¾¿åˆ©ãªé¢ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãã®åé¢å•é¡Œã‚‚ã‚ã‚Šã¾ã™ã€‚固定ヘッダãŒã‚るページã§ãƒšãƒ¼ã‚¸å†…リンクをクリックã™ã‚‹ã¨ã€ç§»å‹•ã—ãŸå…ˆãŒå›ºå®šãƒ˜ãƒƒãƒ€ã«é‡ãªã£ã¦éš ã‚Œã¾ã™ã€‚ ãã“ã§scroll-snapプãƒãƒ‘ティã®ç™»å ´ã§ã™ã€‚scroll-snapã®scroll-paddingプãƒãƒ‘ティを使用ã—ã¦ã€ã“ã®å•é¡Œã‚’解決ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Fixed Headers, On-Page Links, and Overlapping Content, Oh My! 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ページ内リンクãŒå›ºå®šãƒ˜ãƒƒãƒ€ã¨é‡ãªã£ã¦éš れる scroll-paddingã¨scroll-margin 「scroll-snapプãƒãƒ‘ティã€ã®ã‚µãƒãƒ¼ãƒˆãƒ–
{{#tags}}- {{label}}
{{/tags}}