>  기사  >  웹 프론트엔드  >  화면이 screen_jquery를 초과할 때 고정 레이어를 위치 지정 레이어로 변경하기 위해 jquery에서 구현한 코드

화면이 screen_jquery를 초과할 때 고정 레이어를 위치 지정 레이어로 변경하기 위해 jquery에서 구현한 코드

WBOY
WBOY원래의
2016-05-16 18:34:09984검색

아주 좋은 사용자 경험의 예입니다. 이해가 안 되시면 아래 그림을 보시면 됩니다.

타오바오 상품 목록 http://search1.taobao.com/browse/50010388/…
taobao浮动层实例

Tencent Finance 산업경제 http://finance.qq.com/industry/index.htm
화면이 screen_jquery를 초과할 때 고정 레이어를 위치 지정 레이어로 변경하기 위해 jquery에서 구현한 코드
이를 달성하는 방법 ?
스크롤탑이란 무엇인가요? 요소 내부의 콘텐츠 높이가 요소 자체의 높이를 초과하는 경우 스크롤 막대가 나타나며, 스크롤 막대를 드래그하면 숨겨지는 위쪽 부분의 높이가 scrollTop 값입니다.
이러한 종류의 포지셔닝 레이어는 페이지가 onscroll 이벤트를 트리거할 때 scrollTop 값을 얻고 위치를 유지하기 위해 포지셔닝 레이어 CSS 속성이 작성된다는 것을 의미합니다.
다음은 예시 코드입니다

코드를 복사하세요 코드는 다음과 같습니다





定位层








성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.