2011-08-31 4 views
1

javascript를 사용하여 페이지가 스크롤 될 때 사이드 바를 볼 수있게합니다. 페이지가 컨테이너 상단으로 스크롤되면 사이드 바 만 고정됩니다.자바 스크립트 부동 사이드 바 z- 인덱스

<script> 
function moveScroller() { 
    var a = function() { 
    var b = $(window).scrollTop(); 
    var d = $("#featured-scroller-anchor").offset({scroll:false}).top; 
var c=$("#featured-scroller-content"); 
if (b>d) { 
    c.css({position:"fixed",top:"5px"}) 
} else { 
    if (b<=d) { 
    c.css({position:"relative",top:""}) 
    } 
} 
    }; 
    $(window).scroll(a);a() 
} 
</script> 

이 나는 ​​또한 내가 사이드 바의 표시 뿅되고 싶은 페이지 하단에 바닥 글을 것을 제외하고 잘 작동 : 여기에 코드입니다. 현재 사이드 바는 바닥 글 위에 표시되며이를 변경하는 방법을 알 수 없습니다.

Z- 인덱스가 999 인 꼬리말이 있는데 # featured-scroller-content의 z- 인덱스를 더 작게 설정하려고했지만 작동하지 않습니다. 작동시킬 수있는 유일한 방법은 사이드 바의 Z- 인덱스를 -1로 설정했지만 사이드 바의 링크 중 아무 것도 더 이상 작동하지 않는다는 것입니다.

답변

1

바닥 글에 position: relative이 있습니까?

+0

nice! 답장을 보내 주셔서 감사합니다. 완벽하게 일했습니다! – Early73