jQuery를 사용하여 상단으로 스크롤 (설정 시간 : 2 분)

웹 사이트를 빠르게 생성하여 상단 스크롤링 기능 (설정 시간 : 2 분)

이 안내서는 웹 사이트에서 뒷면에서 맨 위로 기능을 설정하는 방법을 단계별로 안내합니다. 이 페이지를 아래로 스크롤하여 데모를보십시오.

Scrollto 플러그인을 다운로드하여 포함하십시오.

이미지를 얻으십시오 (화살표 또는 이와 유사).

에는 다음 HTML 코드가 포함되어 있습니다.

에는 윈도우 스크롤을 캡처하고 이미지 표시를 처리하기 위해 다음 jQuery/JavaScript 코드가 포함되어 있습니다.
1. 그것은 간단합니다!
2. html
3. jQuery 이 jQuery 코드는 사용자가 아래로 스크롤 할 때 이미지를 표시하고 스크롤 할 때 이미지를 숨기고 클릭 이벤트를 처리합니다.
4. 참고 : 크로스 브라우저 호환 솔루션이 필요한 경우 다음 코드를 사용하십시오.
css 이 간단한 CSS 코드는 이미지 표시와 크로스 브라우저의 투명성을 처리하는 데 사용됩니다.
jQuery scrolltop faqs (faqs) jQuery ScrollTop을 사용하여 페이지의 특정 요소로 스크롤하는 방법은 무엇입니까?

jQuery scrolltop을 사용하여 페이지의 특정 요소로 스크롤하려면 먼저 jQuery 선택기를 사용하여 요소를 선택한 다음 ScrollTop 메소드를 사용해야합니다. 예는 다음과 같습니다.

이 코드에서 "https://www.php.cn/link/93ac0c50ddddc7b88e5fe05c70e15bmyelement"는 스크롤하려는 요소의 ID이며 2000은 밀리 초에 스크롤 애니메이션의 지속 시간입니다. 이렇게하면 2 초 안에 페이지를 지정된 요소로 부드럽게 스크롤합니다.

애니메이션없이 jQuery Scrolltop을 사용할 수 있습니까?

<code class="language-html"><a id="scroll-to-top" href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">
    <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174036397399855.png" class="lazy" alt="Scroll to Top Using jQuery (Setup time: 2mins) ">
</a></code>

예, 애니메이션없이 jQuery Scrolltop을 사용할 수 있습니다. 스크롤 탑에는 jQuery의 애니메이션 방법이 필요하지 않습니다. 다음은 다음과 같습니다.

이것은 즉시 페이지를 지정된 요소로 스크롤합니다.

(후속 FAQ 내용은 원래 텍스트와 일치하며 중복을 피하기 위해 중복 부분을 생략합니다.)

위 내용은 jQuery를 사용하여 상단으로 스크롤 (설정 시간 : 2 분)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!