본문 바로가기

728x90

Develop/JavaScript2

[javaScript 뒤로가기 이벤트] 뒤로가기 버튼 제어( window.onpopstate ) 뒤로가기 버튼을 눌렀을 때 다른 이벤트 처리 window.onpopstate = function (ev) { location.reload(); } window.onpopstate 함수를 사용하여 뒤로가기 버튼을 클릭 하고 화면이 전환되었을 때 페이지를 다시 불러오면 해결 됨. 내가 만든 오류: 레이어 팝업을 띄우고 메인화면 스크롤 제어를 시킨 이후 닫기버튼이 아닌 뒤로가기 버튼을 눌렀을 때 예외처리를 하지 않음. => 스크롤 기능이 없어진 상태라 레이어 팝업이 닫힌 이후에도 스크롤을 못함 해결: 레이어팝업이 사라졌을 때 스크롤 제어 클레스를 활성화상태로 만들어줘야함. window. onpopstate 함수가 뒤로가기 버튼 제어하는 함수임. 2022. 10. 14.

[JavaScript] js 스크롤 제어 상단 바로가기 .ScrollTop() 스크롤을 맨 위로 옮겨야 할 때 scrollTop() 함수를 사용하여 window scroll을 제어한다 $('id').scrollTop(0); 레이어팝업이든 페이지든 접근시 맨 위로 올라오게 됨. HTML에서 id값을 부여하여 영역을 설정한다. 그 이후에 js에서 스크롤 제어 scroll Top 기능을 넣어준다. 이때 영역을 제대로 설정하는게 중요. 스크롤이 일어나는 부분만 영역으로 설정해야 scroll Top 기능이 정상적으로 작동한다. window. scrollTop(0); 과 $('#아이디').scrollTop(0);의 차이 $(window).scrollTop(0); // 해당 페이지에 가장 위 페이지로 이동 $('#아이디').scrollTop(0); // 레이어 팝업 등 스크롤 제어 해야할 부분.. 2022. 7. 27.

이전 1 다음

728x90

티스토리툴바