Div는 두 div 사이에서만 고정됩니다.

다음 코드 (demo here)를 사용하고 싶습니다. 하지만 고정 된 div 스크롤 위쪽에서 픽셀로 설정 한 점 사이에 있지만 고정 된 div 위와 아래 두 div 사이에있는 방법은 무엇입니까? 정말 당신의 질문을 이해하지만만큼 당신이Div는 두 div 사이에서만 고정됩니다.

Math.max(0,250-$(this).scrollTop())

더 사양이 없어야합니다 수정으로

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

출처

2016-07-25 Eddy

무슨 시도를? – nicael

모두 수학입니다. 귀하의 코드는 250px에서 창 개체의 ScrollTop 값을 뺀 값을 나타냅니다. 두 div의 높이를 계산하여 'top'CSS 속성으로 사용하려면 완전히 할 수 있습니다. –

코드에서 모든 종류의 접근법이 있지만 작동하지 않는 것 같습니다. – Eddy

확실하지. 상단에서 20x0x(20,250...)처럼

그리고 당신은 사업부를 지정하려면이처럼 $('thediv').offset()

사용할 수 있습니다

이

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

라이브 exemple there

출처

2016-07-25 21:01:00

감사합니다! 귀하의 모범을 업데이트했습니다. 마커와 바닥 글 사이를 스크롤 (고정)하려면 theFixed div가 필요합니다. 마커에서 작동합니다. 어떻게하면 바닥 글에서도 작동하게 만들 수 있으므로 theFixed div는 바닥 글을 넘지 않습니다. 여기에 업데이트 된 예 : http://jsfiddle.net/b43hj/3418/ – Eddy

Div는 두 div 사이에서만 고정됩니다.

답변

관련 문제