지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > jQuery는 페이지 스크롤 effect_javascript 기술을 따르기 위해 div 플로팅 레이어를 구현합니다.

jQuery는 페이지 스크롤 effect_javascript 기술을 따르기 위해 div 플로팅 레이어를 구현합니다.

WBOY
풀어 주다： 2016-05-16 17:00:46
원래의
1412명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.







jQuery는 페이지 스크롤 효과를 따르도록 플로팅 레이어를 구현합니다









;img src="pic .jpg" align="" />

데모 1


마우스 휠을 스크롤하거나 브라우저 스크롤 막대를 드래그하여 살펴보세요. .



데모 2


아래 링크를 클릭하면 플로팅 레이어의 다음 스크롤 효과를 켜거나 끌 수 있습니다.

스위치 활성화








jQuery는 페이지 스크롤 효과에 따른 플로팅 레이어를 구현합니다

< ;/div>

< ;script type="text/javascript" src="http://js.tongji.linezing.com/1870888/tongji.js">



< /body>

관련 라벨：
스크롤바 이동하다
원천：php.cn
이전 기사：Array_javascript 스킬을 운용하는 JS(JQuery) 관련 방법 소개 다음 기사：Jquery 중국 지도 핫스팟 효과 - 마우스 통과 후 팝업 프롬프트 레이어 정보의 간단한 예입니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
React Three Fiber: 스크롤 이벤트가 지연되는 이유는 무엇입니까? ReactThreeFiber에는 카메라 줌 전체에 걸쳐 유지하려는 스프라이트를 생성하는 React 구성 요소가 있습니다. 알고리즘은 작동하는 것 같지만(시간이 지...
에서 2024-04-06 13:39:24
0
1
410
Live Server를 사용하는 웹 사이트를 파일에서 실행할 때 작동하지 않습니다. 여러 브라우저를 사용해 보았지만 모든 경우에 웹사이트가 LiveServer에서 잘 작동했습니다. 반면, Firefox/Chrome을 사용하여 실행하면 사이트에서 ...
에서 2024-04-06 12:46:18
0
1
403
클릭 및 스크롤 시 div 숨기기/표시 검색 아이콘을 클릭하면 나타나고 사용자가 클릭하거나 스크롤하면 숨겨지는 숨겨진 검색 양식을 만들고 싶습니다.
에서 2024-04-06 12:20:46
0
1
386
제목 변경: 수직형 제품 디스플레이 내 웹페이지에는 현재 프로젝트 제품이 세로로 한 줄씩 나열되어 있습니다. 스크롤 가능한 방식으로 세로로 표시하고 싶습니다. 가로로 어떻게 바꾸나요? divclas...
에서 2024-04-05 09:17:50
0
1
3505
스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다. 스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니...
에서 2024-04-04 23:50:53
0
1
1329
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿