클릭시 스크롤탑 작동오류문제
본문
참고사이트입니다
오른쪽하단에 클릭시 위로 스크롤탑하는 버튼이있는데
처음에 잘작동하다가 어떤게 빠진건지 작동을안하네요;;
어디서 수정해야하는지 혹시 지식있으신분 댓글주시면 감사하겠습니다 ㅜㅜ
답변 2
메인 페이지를 보면 아래 코드가 있습니다.
페이지마다 다 작동되게 하시려면 저걸 헤더나 푸터에 넣으셔야 해요.
<button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>
<script>
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script>
현재 헤드에 넣어져있습니다 ㅠㅠ 서브헤더에 넣어도 작동안되네요...
지금 보니 이젠 메인 페이지에서도 사라졌네요.
top_btn 해당 id를 가진 엘리먼트를 클릭할 때 실행하던 함수까지 다 사라졌습니다.
파일 위치를 정확하게 찾아서 넣으셔야 해요.
그누보드에는 테마를 쓰게 될 경우엔 테마 디렉토리에 있는 헤드 파일에 넣으셔야 합니다.
제가잠시 수정하느라 넣었다빼서.. 해당 basic 테마 메인, 헤드, 헤더에 다 넣어도작동을안하는데 이게 버튼이 노출은되는데 기능이 안먹는거라서 ㅠㅠ 제가 넣을때는 말씀해주신데로 버튼 표시 코드랑 스크립트코드를 무조건 같이 넣거든요..
페이지 코드가 계속 바뀌네요.
현재 페이지에 같은 id를 가진 엘리먼트가 3개가 있습니다.
<button id="top_btn" <--
엘리먼트가 겹쳐서 작동을 안하는경우도있나요?
id 속성은 한 페이지 내에서 유일해야 하는데 지금 class 속성처럼 여러 개를 사용 중입니다.
한 페이지에서 id 속성만큼은 유일해야 합니다.
지금은 정상적으로 작동합니다.
메인 페이지
해결되었습니다! ㅠㅠ 원본파일이랑 비교하면서 코딩다시해봤네요 계속살펴봐주셔서 정말감사합니다
감사합니다 ^^