내 페이지에서 일부 JavaScript를 실행하고 있습니다. 앵커 <a>
요소에 첨부 된 이벤트를 잡아서 (jQuery를 사용하여 첨부 한) 핸들러를 실행할 때마다 스크롤 위치가 다시 페이지 상단으로 재설정됩니다. 해결책이 있습니까?왜 내 jQuery 이벤트 핸들러를 실행하면 페이지가 맨 위로 스크롤됩니까?
1
A
답변
6
href
속성을 #
으로 남겨두면 <a>
태그에서 클릭이 처리되는 동안 언급 한 스크롤이 발생합니다. 브라우저가 이벤트 체인의 끝에 기본 동작을
당신이 에있는이 클릭 이벤트의을 처리하는 브라우저의 기본을 방지 해결하기 위해 (이 때문에 너무 event bubbling 전화의 발생) 실행하기 때문이다 이것은 다른 방법으로 수행 할 수 있습니다
- 이 이벤트 핸들러 함수에서
href='javascript:void(0)'
- 반환
false
와href='#'
를 교체합니다. - 사용 jQuery의 preventDefault 방법
0
서버에 다시 게시 할 때마다 페이지가 맨 위로 스크롤된다는 것을 의미한다고 가정합니다.
이것이 의미하는 바가 아니라면 명확히하십시오.
이 문제를 해결하려면 자바 스크립트를 사용하여 다시 게시와 함께 $(window).scrollTop()
을 보낸 다음 더 많은 자바 스크립트를 방출하는 서버 측 코드를 작성하여 매개 변수가있는 경우 다시 스크롤하십시오.
더 구체적인 해결 방법을 원하면 자세한 내용을 제공하십시오.
5
이유 중 하나는 "#"을 가리키는하는 링크를 가지고 있고, 당신이 그 링크에 바인딩 이벤트를 가지고있을 수 있습니다. 이 솔루션은 이벤트 함수의 끝에서 return false;
을하는 것입니다 :
<a href="#" id="foo">Test</a>
그리고 jQuery를에이 아무 이유없이 발생하지 않습니다
$('#foo').click(function() {
/* do stuff */
return false;
});
+0
정말 고마워요. – amit
관련 문제
- 1. jquery 요소 맨 위로
- 2. C# 페이지가 iPhone처럼 스크롤됩니까?
- 3. 왜이 페이지가 자동으로 아래로 스크롤됩니까?
- 4. 스페이스 바를 누르면 페이지가 아래로 스크롤됩니까?
- 5. 오버플로가있는 컨테이너의 페이지가 맨 위로 이동하는 이유는 무엇입니까?
- 6. 맨 위로 링크 넣기
- 7. 페이지가 맨 위로 스크롤 될 때만 태그 표시
- 8. 이벤트 핸들러를 클릭하고 드래그
- 9. iframe에서 맨 위로 스크롤
- 10. 맨 위로 선택 # CHUNKSIZE #
- 11. Chrome에서 페이지가 위로 스크롤되지 않습니다 (jQuery)?
- 12. jQuery : 이벤트 핸들러를 "새로 고치는"방법이 있습니까?
- 13. WebBrowser 컨트롤의 맨 위로 스크롤
- 14. capybara로 오이를 실행하면 변경된 jquery 이벤트
- 15. 왜 Flex의 행렬 변형 스냅 자식입니까? 부모의 맨 위로 코너?
- 16. 테스트 이벤트 핸들러를 유니트해야합니까?
- 17. ScrollView가 맨 위로 이동해야하는 문제
- 18. 재설정 TextView 맨 위로 스크롤
- 19. QML - 맨 위로 이동 #TOP
- 20. Android 레이아웃 이미지 맨 위로
- 21. mootools를 사용하여 "맨 위로 이동"
- 22. UIWebView를 맨 위로 스크롤하려면 어떻게해야합니까?
- 23. UIModalTransitionStyleFlipHorizontal flipSideView 맨 위로 항상
- 24. jQuery - 애니메이션이나 함수가 실행되는 동안에 만 이벤트 핸들러를 제거하는 방법?
- 25. 레일 검색 양식 - 직접 맨 위로 결과
- 26. 페이지 하단의 링크를 클릭하십시오. 위로 페이지가 위로 스크롤됩니다.
- 27. jQuery : 새 항목을 항목 집합의 맨 위로 밀어 넣습니다.
- 28. "맨 위로 돌아 가기"링크, 유용합니까?
- 29. 명령을 실행하면 페이지가 'webby'로 바뀝니다.
- 30. 업데이트 버튼이 이벤트 핸들러를 편집합니다.
. 관련 코드를 보여줄 수 있습니까? – watain
"이벤트를 잡아서 실행"한다는 것은 무엇을 의미합니까? – SLaks
@SLaks : 분명해야합니다. 이벤트가 캡처되어 요약 살해됩니다. EVENT MURDERER !!! – Shog9