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

쇼핑몰에서 바가 보이고 숨겨지고 하는 내용을 말씀하셨는데,

만약 그게 작동되려면 매번 CSS에서 data-direction 값으로 지정해준 뒤에 js에서 작동시켜야하는걸까요?

만약 실제로 코드를 짠다면, 

data-direction = 'show' { display: flex; }
data-direction = 'hidden' { display:hidden;} 이렇게 해서 보이도록 짜야할까요?? 이 data-direction구조에서 transform이 아니어도 다른 css가 들어가도 상관 없는걸까요??