jQuery를 사용하여 특정 지점에서 고정 위치 스크롤을 어떻게 중지할 수 있습니까?

특정 지점에서 고정 위치 스크롤 중지

고정 위치에서 페이지를 스크롤하는 요소가 있습니다. 그러나 페이지 상단에서 250px와 같은 특정 지점에서 스크롤을 멈추기를 원합니다.

jQuery 솔루션

이를 달성하려면 jQuery를 사용할 수 있습니다. :

$(window).scroll(function(){
    $("#theFixed").css("top", Math.max(0, 250 - $(this).scrollTop()));
});

이 코드:

• 첨부 창 객체에 대한 스크롤 이벤트 리스너.
• $(this).scrollTop()을 사용하여 현재 스크롤 위치를 가져옵니다.
• 0과 250px과 스크롤 사이의 차이 사이의 최대값을 계산합니다. position.
• ID가 "theFixed"인 요소의 최상위 속성을 계산된 위치로 설정합니다. value.

이렇게 하면 요소가 위로 스크롤할 때 페이지 상단의 250px에서 스크롤이 중지됩니다.

위 내용은 jQuery를 사용하여 특정 지점에서 고정 위치 스크롤을 어떻게 중지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!