스크롤 매직 문의드립니다~!
본문
스크롤 매직 사용하여 스크롤할때마다 텍스트가 나타나고 이미지가 나타나는 그런 사이트 제작중에 있는데..
메뉴 클릭시 특정 위치로 스크롤 이동하고싶습니다..
문제는.. 인터랙션 중간쯤으로 이동하고싶은데 어떻게 스크롤 위치를 찾아야할지 모르겠습니다..
반응형이다 보니 스크롤 절대값으로는 넣을 수가 없어서..
혹시 액션 중간에 스크롤 위치 확인하는 방법 있을까요??
ㅜㅜ
예를들면 아래 화면에서..
상단에 버튼이 있다고 치고 버튼을 클릭했을 경우에
이 위치로 가고싶은데.. 방법을 모르겠네요..ㅜㅜ
많은 부탁드려요 ㅜㅜ
답변 2
브라우저 개발자 툴(콘솔)에서
$('html').scrollTop( 1000);
한번 실행해 보세요.
네 ㅜㅜ 반응형이다 보니 스크롤이 사이즈에 따라 유동적이라서 1000 값으로는 넣을수가 없을거같아서요 ㅜ
스크롤 양(높이)에 따라서 보이는 내용이 달라지게 한 것이면
유동적이라고 하더라도
어떤 값인지는 알아 낼수 있을 겁니다.
ㅜㅜ 그부분을 어떻게 해야할지 모르겠습니다..감이안오네요..ㅜㅜ
우선은 scroll 이벤트 쪽을 추적해 보세요.
해당 개체 직접 타겟으로 잡으세요.
위 링크에서 특정 엘리먼트로 이동 부분 보시면됩니다.
액션때문에 엘리먼트들이 absolute로 잡혀있어서요.. ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.
