[CSS] scroll-padding-top 적용시 생기는 이슈

html 에 scroll-padding-top 적용시 고정된 header 의 input 에서 텍스트 입력시 스크롤이 이동하는 이슈 발생

      

      

      

    
    

      <css />
    
/* 수정 전 */
html {
    scroll-padding-top: 100px;
}

html 에는 scroll-margin-top 이 적용되지 않아서, :target, #anchor-point 에 scroll-margin-top 속성을 주는것으로 해결

      

      

      

    
    

      <css />
    
/* 수정 후 */
:target, #anchor-point {
    scroll-margin-top: 100px;
}