메인 가치 섹션 풀 페이지 스크롤

[solar3070]

Summary

Screenshot

Comment

• 코드 정리가 안되어 있는 상태입니다만.. 일단 드래프트 올려둘게요..!

[SeojinSeojin]

과제 하나만 내고 보겠습니다..!!

[SeojinSeojin]

wrapper의 크기를 3으로 나누어서 다음 스크롤 위치를 구하셨는데, 이 값이 제대로 되지 않았을 수 있어요..!! 스크롤될 div를 심어 두고, 그것의 scrollTop으로 구하셔도 좋을 것 같다는 생각이 듭니다!!

또한, 어느 부분에서 어떤 식으로 에러가 재현되는지 말씀 주심 감사하겠습니다!! 너무 시간 많이 잡아먹게 하여서 죄송한 마음이 큽니다.......

[SeojinSeojin]

저는 개인적으로 사용자가 페이지 가장 상단에서 하단으로 빠르게 이동하고 싶을 때 강하게 스크롤하면 그 부분까지 확 내려가는 게 ux상으로 좋다고 생각하거든요

이런 경우엔 강하게 스크롤하면 아래로 확 내려가고, 약하게 스크롤하면 딱딱 멈춰주는게 좋다고 생각합니다! (onWheel 리스너에서 deltaX가 특정값 이상이면 보내주고, 이하면 멈춰주도록 하는 방식으로요)

[SeojinSeojin]

그런 레퍼런스가 있는지 찾아볼게요..!

[SeojinSeojin]

배민 : 스크롤 크기 인식X 브라우저 스크롤바 일부러 숨겼고, 닷으로 이동 가능 https://www.baemin.com/ 야놀자 : 스크롤 속도만 느리게 하고 특정 위치에서 멈추게 하진 않았음 https://www.yanolja.in/

대략 스무군데 정도 둘러보았는데, 생각보다 스크롤에 무슨 짓을 한 사이트가 많지 않다는 걸 깨달았습니다. (외국 사이트들은 쿠키 허용 창이나 띄우고,,) 다음엔 공수 큰 일을 말씀드릴 땐 다른 레퍼런스 좀 찾아보고 말씀드리겠습니다 ㅜㅜ

[SeojinSeojin]

레퍼런스 찾아본 소감

1. 다들 스크롤이 멈추도록 하는 이벤트를 걸지 않는다.. 스크롤 내리다가 너가 관심있는 정보가 있으면 멈춰서 보렴! 이런 느낌
2. 스크롤에 뭔가를 건 곳은, (1) 부분적으로 걸지 않고 전체에 건다 (2) dot을 둬서 이동하고 싶으면 이동할 수 있게 한다

따라서 저는 아예 적용하지 않는 것에도 찬성입니다 ..

[SeojinSeojin]

어도비, 마이크로소프트, 애플이 신경쓰지 않는것이면 저도 신경쓰지 않기로 하였읍니다. .. 이 친구들 랜딩페이지에선 반응형도 깨지더라구여,,

[SeojinSeojin]

옙.. 먼가 수요가 없는 기술이었던 것 같습니다 ㅜㅜ 스크롤 기다렸다가 페이드인 하는게 제일 많이 보이네용 다음에 어딘가 쓸 일이 있기를 바라요....