형제 여러분, 특히 블로그나 웨이보에서 포지셔닝 문제가 발생할 수 있습니다. 이 효과도 볼 수 있으므로 계획할 때 제품 직원은 다른 사람의 효과를 원할 것이고, 열심히 일하는 우리는 그것을 달성해야 합니다. . 성취하다. . . . . 방법은 없습니다. 우리를 공성 마스터로 만든 공격자: 스크롤바를 아래로 내리면 검은색 블록 TOP이 0으로 표시됩니다. 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. < ;!DOCTYPE html> < ;html > jQuery는 페이지가 스크롤될 때 레이어의 지능형 부동 위치 지정을 구현합니다. ="description" content="" /> <br>*{ 여백:0;} <br>.top{height:100px; line-height:100px; 글꼴 크기:40px ;} <br>body {font:12px/1.8 Arial; color:#666; height:2000px;} <br>.float{width:200px height:200px; :1px 솔리드 #ffecb0; 배경색:# 000; 위치: 절대; 상단:150px;} <br> 🎜> <br>$.fn.smartFloat = function() { <br>var position = function(element) { <br>var top = element.position().top, pos = element .css("position"); <br>$(window).scroll(function() { <br>var scrolls = $(this).scrollTop(); <br>if (scrolls > top) { <br>if (window.XMLHttpRequest) { <br>element.css({ <br>위치: "고정", <br>상위: 0 <br>}) <br>} else { <br>element.css( { <br>top: 스크롤 <br> }); <br>} <br>}else { <br>element.css({ <br>position: pos, <br>top: top <br>}); <br>} <br>}); <br>}; <br>return $(this).each(function() { <br>position($(this)); <br>}); }; <br>//바인딩<br>$("#float").smartFloat() <br>