스크롤 탑을 하면... 이상한 위치로 가서 멈춥니다.ㅠ 채택완료
안녕하세요.
언제까지 초보일런지는 모르겠지만.. 아직 초보 퍼블리셔 입니다 ㅠ
이번에는 스크롤탑이 안먹히는 이유 때문에 찾아왔습니다.
퀵바에 달린 스크롤 탑이고 이게 메인에 있을때는 풀페이지라서 첫번째 페이지에 가지만
서브에서는 안먹히고 있습니다. ㅠ
window.addEventListener("scroll", (event) => {
let scrollY = this.scrollY;
let scrollX = this.scrollX;
console.log(scrollY);
console.log(scrollX);
});
이 스크립트를 심어서 스크롤 위치를 확인했습니다.
그랬더니 서브에서 스크롤 탑버튼을 클릭하면 무조건 위치가 7000에 가서 멈추는게 아니겠습니까?ㅠ
서브에 윈도우 길이가 7000아래로 나오는거는 맨 하단에 가서 멈추고
그나마 길이가 나오는건 7000에서 멈춥니다.
찾아보니 중간에 스크롤 이벤트를 멈추는 코드가 있을거같다고 봤습니다.
ㅠ
근데 그게 무엇인지 알수가없네요.... ㅠ
도움 한번 부탁드립니다!
https://possible-roast-03f.notion.site/457e6c52a3984935bf314455e553ed73
해당 노션에 주소 있습니다!
답변 2개
*서브페이지는 id값이 fullpage가 없네요
body로 거시거나 .sub_continer_Wrap로 거시거나
별도의 서브용 goTop2_sub 이런식으로 만들어서 처리하시면 될 것같습니다.
그누기준 tail.php에 최상위 top으로 이동되는 스크립트가 존재하니 이용하시면 될 것 같습니다.
</p>
<p> <script>
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script></p>
<p>답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 4개
넵 메인 페이지는
function goTop2() {
// 메인용
$("#fullpage").animate({"top": "0px"},300, "easeInSine");
}
이런식으로 되어있습니다.
근데 서브는 무조건 위치 7000으로 갑니당 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
넵 ㅠ 원래 소스는
function goTop(){
document.documentElement.scrollTop = 0;
}
이런식으로 걸려있었습니다!
정말 별도 서브 퀵바를 만드는 방법 밖에는 없는걸까요.. !