코드 복사 코드는 다음과 같습니다. jQuery는 페이지 스크롤 효과를 따르도록 플로팅 레이어를 구현합니다 <br>#main{height:2000px} <br>.demo{width:180px; height:250px; 여백:10px; 테두리:2px 솔리드 #ccc; 패딩:10px; } <br>#demo1{위치:상대:-290px;} <br>#demo2{위치:절대; -상단:156px; 오른쪽:10px;} <br>.demo a{텍스트-장식:밑줄; 커서:포인터} <br>.demo h3{font-size:14px} <br>.demo p{line-height :20px} <br> <br>$(function(){ <br>$(" #demo1").scrollFollow({ <br>오프셋: 156 <br>}); <br>$("#demo2").scrollFollow({ <br>속도:1000, <br>//오프셋: 156, <br>//relativeTo: "bottom", <br>killSwitch: "switchlink", <br>onText: '스크롤 취소', <br>offText: '스크롤 켜기' <br>}); );<br></head> <br><br><body><br><br> ;img src="pic .jpg" align="" /> <br><h3>데모 1</h3> <br><p>마우스 휠을 스크롤하거나 브라우저 스크롤 막대를 드래그하여 살펴보세요. . <br></div> <br><div id="demo2" class="demo"> <br><img src="pic1.jpg" align="" /> ; <br><h3>데모 2</h3> <br><p>아래 링크를 클릭하면 플로팅 레이어의 다음 스크롤 효과를 켜거나 끌 수 있습니다. <br><p><a id="switchlink">스위치 활성화</a></p> <BR></div> <BR><div id= " header"> <br><div id="logo"><h1><a href="http://www.helloweba.com" title="헬로웨바 홈페이지로 돌아가기">helloweba</ a></h1></div> <br><br><br><div id="main"> <br><h2 class="top_title" ><a href="http://www.helloweba.com/view-blog-85.html">jQuery는 페이지 스크롤 효과에 따른 플로팅 레이어를 구현합니다</a></h2> < ;/div> <br><div id="footer"> <br><p>Powered by helloweba.com 이 사이트의 데모를 재인쇄, 수정 및 사용할 수 있지만 출처를 표시해 주세요. : <a href ="http://www.helloweba.com">www.helloweba.com</a></p> <br></div><br><p id=" stat">< ;script type="text/javascript" src="http://js.tongji.linezing.com/1870888/tongji.js"> < /body>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
