요소를 확장하기 위해 브라우저 창을 스크롤하는 가장 좋은 방법은 무엇입니까?
-
05-07-2019 - |
문제
내가하고 싶은 것은 내 페이지에서 요소를 확장 할 때 창 아래로 스크롤하는 것입니다.
내가 달성하려는 효과는 스택 오버 플로우 댓글과 같습니다. 페이지를 넘어 확장하면 창의 모든 주석에 맞게 스크롤됩니다.
이것을하는 가장 좋은 방법은 무엇입니까?
편집 : jQuery를 사용하고 있습니다.
해결책
이 jQuery 플러그인은 나에게 잘 작동했습니다.http://demos.flesler.com/jquery/scrollto/
다른 팁
프로토 타입 사용의 장점이 있으면 사용할 수 있습니다. $(element).scrollTo()
.
그렇지 않으면 일반적인 아이디어는 요소의 누적 오프셋을 계산 한 다음 설정하는 것입니다. window.scrollTop
(그리고 window.scrollLeft
) 따라서.
소스의 다음 요소가 무엇인지 알고 있다면 실제로 해당 요소로 점프 할 수 있습니다 (location.href = "#..."). 이것은 브라우저의 기본 '스크롤링'을 사용하고 라이브러리를 사용하지 않습니다.
이 코드를 사용할 수 있습니다. Blonkm의 제안을 기반으로합니다
function scrollTo( Selector ){
$(Selector).before("<a name='scroll' id='scroll'></a>");
document.location.hash = 'scroll';
$('scroll').remove();
}
이것은 작동해야합니다. jQuery가 필요하지만 이미 사용한다고 말합니다.
제휴하지 않습니다 StackOverflow