jQuery를 사용하여 페이지 상단으로 빠르게 스크롤하는 방법-JS 튜토리얼-php.cn

jQuery를 사용하여 페이지 상단으로 빠르게 스크롤하는 방법

coldplay.xixi

풀어 주다： 2020-12-17 14:53:14

원래의

3456명이 탐색했습니다.

jQuery로 페이지 상단으로 빠르게 스크롤하는 방법: 페이지 상단으로 빠르게 스크롤하려면 [scrollTo()] 메서드를 사용하세요. position 매개변수를 0으로 설정하면 페이지가 상단으로 스크롤됩니다. [$(창).scrollTop(위치) ].

jQuery를 사용하여 페이지 상단으로 빠르게 스크롤하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: jquery 비디오 튜토리얼

jQuery에서 페이지 상단으로 빠르게 스크롤하는 방법:

jQuery에서는 scrollTo() 메서드를 사용하여 페이지 상단으로 빠르게 스크롤할 수 있습니다. jQuery의 scrollTo() 메서드는 선택한 요소의 세로 스크롤 막대 위치를 설정하거나 반환하는 데 사용됩니다. 창 속성에 이 메서드를 적용하면 이 동작을 사용하여 페이지 상단으로 스크롤할 수 있습니다. 간단히 위치 매개변수를 0으로 설정하면 페이지가 상단으로 스크롤됩니다.

구문:

$(window).scrollTop(position);

로그인 후 복사

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
    .scroll {
        height: 1000px;
        background-color: palegoldenrod;
    }
</style>
</head>
<h2>使用jQuery快速滚动到页面顶部</h2>
    <p>单击下面的按钮，滚动到页面顶部</p>
    <p class="scroll">这里一段测试文本！这里一段测试文本！这里一段测试文本！</p>
    <button onclick="scrollToTop()">单击，滚动到顶部</button>
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"> </script>
    <script>
        function scrollToTop() {
            $(window).scrollTop(0);
        }
    </script>
</body>
</html>

로그인 후 복사

페이지 하단에서 버튼을 클릭하기 전:

jQuery를 사용하여 페이지 상단으로 빠르게 스크롤하는 방법