버튼을 클릭하면 브라우저가 자동으로 <a>
("abc"라고 부름)로 스크롤되도록합니다. 스크롤링은 어떤면에서는 멋지게 움직이는 것이 이상적입니다.jQuery를 사용하여 특정 href가있는 <a>으로 페이지를 스크롤하십시오.
2
A
답변
5
2
당신은 어떤 플러그인이 필요하지 않습니다. 간단
$(document.documentElement).animate({
scrollTop: $('a#abc').offset().top
});
+0
jquery는 적어도 90kb의 읽을 수있는 코드를 추가하기 때문에. –
4
방법 : jQuery를위한
element_to_scroll_to = document.getElementById('anchorName2');
element_to_scroll_to.scrollIntoView();
도 필요 없음)
+0
function scroll2() { var element_to_scroll_to = document.getElementById ('address'). scrollIntoView(); } –
+0
하지만 "a href"와 동일 :( –
관련 문제
- 1. jQuery를 사용하여 페이지를 스크롤하지 않고 브라우저 스크롤바에서 div의 내용을 스크롤하십시오.
- 2. 해시를 사용하여 특정 href가있는 특정 요소에 클래스 추가
- 3. jquery를 사용하여 자동으로 다른 그리드를 스크롤하십시오.
- 4. 페이지를 스틱으로 고정하고 특정 포인트까지 스크롤 한 다음 다시 스크롤하십시오.
- 5. 전체 화면을 차지하지 않는 UITableView를 사용하여 전체 페이지를 스크롤하십시오.
- 6. jQuery를 사용하여 전체 페이지를 다시로드
- 7. div에서 jQuery를 사용하여 특정 컨텐츠를 제거 하시겠습니까?
- 8. 으로 onClose 및 jQuery를
- 9. ajax/jquery를 사용하여 특정 순서로 요소로드
- 10. phonegap에서 스크롤하십시오 android
- 11. django로 mp3 파일을 스트리밍하고 <audio>으로 페이지를 읽으십시오
- 12. 양식 DIV 영역으로 스크롤하십시오.
- 13. jquery를 사용하여 외부 HTML 페이지를 읽는 방법?
- 14. jquery를 사용하여 aspx 페이지를 주기적으로 업데이트하십시오.
- 15. 사용자가 jQuery를 사용하여 페이지를 변경하지 못하게하는 방법
- 16. <select> 옵션을 사용하여 jQuery를 사용하십시오.
- 17. jquery overriding link href가있는 문제
- 18. JavaScript를 사용하여 ASP.NET MVC의 항목 목록을 스크롤하십시오.
- 19. 필터를 사용하여 특정 페이지를 게재 하시겠습니까?
- 20. JQuery를 사용하여 HTML 페이지의 특정 문자열 바꾸기
- 21. jQuery를 사용하여 특정 코드로 요소 감싸기
- 22. jQuery를 사용하여 특정 클래스의 대상 이미지를 찾으십니까?
- 23. Javascript/Jquery를 사용하여 페이지의 특정 위치로 스크롤
- 24. jQuery를 사용하여 내비게이션의 특정 링크를 타겟팅하십시오.
- 25. jquery를 사용하여 특정 속성을 가진 앵커 찾기
- 26. jquery를 사용하여 특정 클래스의 미리로드 이미지
- 27. 특정 페이지를 잠그고 다른 페이지를 열어 두십시오.
- 28. jQuery를 특정 아이
- 29. jquery를 사용하여 <td> 값을 설정하십시오.
- 30. jQuery를 사용하여 내용 찾기 <td>
애니메이션이 산만하고 응용 프로그램을 사용하는 방법으로 얻을. 귀하의 응용 프로그램이 어떤 종류의 애니메이션 도구가 아니라면. – tsilb
그가 스크롤하는 요소가 스크롤하지 않고도 보이지 않으면 어떻게해야합니까? 이 경우에는 ScrollTo가 좋은 UX입니다. –