>웹 프론트엔드 >JS 튜토리얼 >javascript 팔로우 스크롤 효과 플러그인 코드 (javascript Follow Plugin)_javascript 기술

javascript 팔로우 스크롤 효과 플러그인 코드 (javascript Follow Plugin)_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:27:011152검색

Js 팔로우 스크롤 효과 플러그인
은 여러 팔로우 ID 정의를 지원하고 CSS 고정 속성을 사용하며 ie6을 지원하지 않으며 다른 주류 브라우저와 호환됩니다.
하단을 덮지 않고 하단으로 스크롤하기 위한 최소 높이 정의 지원
페이지 크기가 조정된 후 플러그인이 자동으로 매개변수를 재설정합니다.
========
Js 팔로우 스크롤 효과 플러그인
1. CSS 고정 속성을 사용하여 여러 팔로어 ID 정의를 지원하고 ie6을 지원하지 않으며 다른 주류 브라우저와 호환됩니다.
2. 하단을 덮지 않고 하단으로 스크롤할 수 있는 최소 높이 정의 지원
3. 페이지 크기가 조정된 후 플러그인이 자동으로 매개변수를 재설정합니다
======= =
사용방법
코드는 다음과 같습니다

코드는 다음과 같습니다코드는 다음과 같습니다


window.onload = function(){
var followIds = [document .getElementById("follow"),document.getElementById("follow2" )];
new Follow({
obj:followIds,
Bottom:150
});
}

전체 예시
코드는 다음과 같습니다
코드 복사 코드는 다음과 같습니다.

 



Js Follow



 

  < div class="header">헤더

 

  

   

    使사용 방법:

    1.载入插件,在页face载入之后,window.onload = function(){}

    2. " ;

    4.传参,obj是对象数组,bottom是滚动块距离底부적 最small高titude

   

< pre style="word-break:break-all;word-wrap:break-word;width:600px;">

<script><br>window.onload = function(){<br> var followIds = [document.getElementById("follow"),document. getElementById("follow2")];<br> new Follow({<br>  obj:followIds,<br>  하단:150<br> });<br>}<br></script>


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