요소를 확장하기 위해 브라우저 창을 스크롤하는 가장 좋은 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/245768

  •  05-07-2019
  •  | 
  •  

문제

내가하고 싶은 것은 내 페이지에서 요소를 확장 할 때 창 아래로 스크롤하는 것입니다.

내가 달성하려는 효과는 스택 오버 플로우 댓글과 같습니다. 페이지를 넘어 확장하면 창의 모든 주석에 맞게 스크롤됩니다.

이것을하는 가장 좋은 방법은 무엇입니까?

편집 : jQuery를 사용하고 있습니다.

도움이 되었습니까?

해결책

이 jQuery 플러그인은 나에게 잘 작동했습니다.http://demos.flesler.com/jquery/scrollto/

다른 팁

프로토 타입 사용의 장점이 있으면 사용할 수 있습니다. $(element).scrollTo().

그렇지 않으면 일반적인 아이디어는 요소의 누적 오프셋을 계산 한 다음 설정하는 것입니다. window.scrollTop (그리고 window.scrollLeft) 따라서.

당신은 그것을 멋지게 할 수 있습니다 성경 (위에 세워졌습니다 원기):

new Effect.ScrollTo('someDiv',{...some parameters...})

프로토 타입만으로 (시작 전 지연, 지속 시간 및 콜백 이벤트 (예 : 사후 피니시)보다 더 미세한 제어 기능을 제공하여 다른 효과 또는 선택한 모든 효과를 트리거 할 수 있습니다. 부드럽고 멋지게 스크롤하여 페이지가 갑자기 갑자기 스크롤 할 수 있습니다. 도약.

소스의 다음 요소가 무엇인지 알고 있다면 실제로 해당 요소로 점프 할 수 있습니다 (location.href = "#..."). 이것은 브라우저의 기본 '스크롤링'을 사용하고 라이브러리를 사용하지 않습니다.

이 코드를 사용할 수 있습니다. Blonkm의 제안을 기반으로합니다

function scrollTo( Selector ){
  $(Selector).before("<a name='scroll' id='scroll'></a>");
  document.location.hash = 'scroll';
  $('scroll').remove();
}

이것은 작동해야합니다. jQuery가 필요하지만 이미 사용한다고 말합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top