JS 모니터링 스크롤 막대의 롤링 이벤트는 태그 내용이 항상 같은 위치에 있습니다.

넌센스가 많지 않은 작은 지식 포인트는 코드를 직접 적용합니다.

CSS :

다음과 같이 코드 코드를 복사하십시오.

<pr name = "code"> <style>

#anchor : {{

위치 : absule;

상단 : 40%;

왼쪽 : 40%;

너비 : 100px;

높이 : 100px;

배경색 : 빨간색;

}

</스타일> </pre> <br>

JS :

다음과 같이 코드 코드를 복사하십시오.

<pr name = "code"> var auchortop = $ ( "#anchor");

auchortop = number (auchortop.substring

window.onscroll = function () {

var top = documentelement.scroltop ||

$ ( "#anchor").

};

HTML :

다음과 같이 코드 코드를 복사하십시오.

<div id = "앵커"> </div>

Window.onscroll에 롤링 바를 추가 할 수 있습니다 따라서 "|| '기호를 사용 하여이 두 속성을 결합 할 수 있습니다. Anchortop은 대상의 시작과 브라우저의 상단 사이의 거리입니다.

롤링 바가 롤링되면 최고 값이 변경되고 '#anchor'의 초기 최고 값과 스크롤 막대의 최고 값은 콘텐츠를 항상 동일한 위치에 유지할 수 있습니다.