스크롤 막대와 함께 떠다니는 xScrollStick JS 특수 효과_레이아웃 및 레이어

스크롤 막대를 따라 떠다니는 JS 특수 효과입니다. 즉, 화면에 대한 요소의 위치는 변경되지 않은 채 스크롤 막대가 스크롤됩니다.

이 코드는 인터넷에 유사한 효과가 많이 있습니다. 비교하면 다음과 같은 장점이 있습니다.

1. IE6.0 및 FF1.5와 호환됩니다.
2. 사용이 매우 간단하고 초보자가 선호하는 방법입니다.
3 . 요소 간 충돌이 없으며 한 페이지에 n개의 특수 효과가 있을 수 있으며 여러 요소를 사용할 때 코드 중복이 없습니다.

단점은 다음과 같습니다.

1. xHTML로 선언된 문서에만 사용
2. 요소는 본문 아래에 배치하는 것이 가장 좋습니다
3. 스크롤할 때 필연적으로 깜박임이 발생합니다(이미 비교적 미미하지만 완벽함을 추구하는 사람들은 불편할 수 있습니다). )

사용 지침:
페이지 패키지에서 JS를 인용한 다음 특수 효과가 필요한 div에서 클래스를 xScrollStick으로 설정합니다. 물론 원하는 위치를 작성하는 것을 잊지 마세요. 요소별로 고정

예시 1:

코드 복사 코드는 다음과 같습니다.

콘텐츠...

예제 2:

코드 복사 코드는 다음과 같습니다.

콘텐츠...

데모:

코드 상자 실행

<meta http-equiv="content-type" content="text/html; charset=gb2312"> <title>xScrollStick </title>