팁/튜토리얼

삼성 브라우져 scroll-behavior: smooth; 오류

2022.10.14 01:14
6,529
0

원페이지 사이트에서 부드러운 섹션 이동을 위해

js 처리를 안하고 

편하게 css에 

html {
  scroll-behavior: smooth;
}

이거 처리해서 사용하고 있었습니다.

 

그런데 생각하지도 못한 곳에서 말썽을 일으키네요.

 

오류가 발생하는 지점은 삼성 브라우져서 창이 열린 다음 터치 이동이 없는 환경에서

하단으로 움직이는 주로 #id 로 잡혀진 링크가 이동이 안되는 오류가 있습니다.

물론 어느정도 이동이 있어서 상하단의 탭이 사라진 다음에는 정상으로 작동합니다.

저 값을 안먹어 줄거면 빠르게라도 이동해주면 괜찮은데

그냥 이동자체가 먹통이 되네요.

 

혹 비슷한 증상으로 고생하는 분이 있을까 싶어 기록을 남깁니다.

댓글 2

  • 2022.10.14 01:58 #1714168

    웹개발자의 주적은 브라우저죠...

    1. 익스플로러: 사살완료!

    2. 웨일, 엣지, 기타 잡다한 크롬 커스텀들: 최신 크롬 따라가면서 나름 전향적인 태도 보이는 중

    3. 사파리: 그냥 사파리가 옳고 크롬이 틀린 겁니다.

    4. 삼성 브라우저: 노답 ㅠㅠ

  • 2022.10.14 02:09 #1714181
    익스가 저물고
    편한 퍼블리싱 세상이 올 줄 알았는데
    다른 암초가 생기네요 ㅋㅋ