jQuery Auto Scroll

매끄럽고 자동화 된 스크롤을 상단에 사용하려면 jQuery를 사용하십시오. 왜 그것을 사용합니까?

[라이브 데모 : jQuery 스크롤 To Top] (Demo 링크 - 실제 데모 링크로 대체)

코드는 다음과 같습니다.

​​ 태그 내에 위의 코드 스 니펫을 추가하십시오. #topbar selector가 귀하의 페이지의 앵커 링크와 일치하는지 확인하십시오.

scrolltop () do?

scrolltop () 메소드는 수직 스크롤 바 위치를 가져 오거나 설정합니다. 인수없이 사용되면 현재 위치를 반환합니다. 인수 ( 0 )를 사용하면 스크롤 바를 해당 위치로 설정합니다.

스크롤 속도를 제어 할 수 있습니까?

상단 대신 특정 요소로 스크롤 할 수 있습니까?

예, offset () 메서드를 사용하여 요소의 위치를 ​​얻은 다음 animate () 를 사용하여

코드> code> code> code>를 사용하십시오. 버튼?

jQuery의 클릭 () 메소드를 사용하여 버튼의 클릭 이벤트에 함수를 첨부하고 스크롤을 트리거합니다. 페이지에서

모바일 호환성?

는 모바일 장치에서 작동하지만 터치 이벤트 처리 차이로 인해 부드러움이 다를 수 있습니다.

스크롤을 중지하기 :

jquery 's stop () 방법으로

jQuery-free 대안?

순수한 JavaScript는 가능하지만 코드는 더 복잡하고 크로스 브라우저 호환성이 적을 것입니다.

수평 스크롤링

scrollleft () 를 사용하여 끔찍한 스크롤을 사용합니다. scrolltop () .

위 내용은 jQuery Auto Scroll의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!