쇼핑몰에서 바가 보이고 숨겨지고 하는 내용을 말씀하셨는데,
만약 그게 작동되려면 매번 CSS에서 data-direction 값으로 지정해준 뒤에 js에서 작동시켜야하는걸까요? 만약 실제로 코드를 짠다면,&nbsp;
data-direction = 'show' { display: flex; } data-direction = 'hidden' { display:hidden;} 이렇게 해서 보이도록 짜야할까요?? 이 data-direction구조에서 transform이 아니어도 다른 css가 들어가도 상관 없는걸까요??

여기서 중요한 것은 "스크롤 방향을 감지할 수 있다"는 것 자체고요, 감지한 정보를 어떻게 이용할지는 우리가 원하는대로 하면 됩니다. CSS display none/block으로 처리하든, 애니메이션으로 숨기든, 투명도를 조절하든, 색을 바꾸든.. 또는 자바스크립트로만 처리를 할 수도 있고요. 말씀대로 transform 외에도 다른것들이 들어가도 괜찮습니다. CSS는 단지 표현일 뿐이니까요~^^

인프런 커뮤니티 질문&답변

여기서 말한 그 스크롤 업앤다운