페이지 아래로 스크롤 할 때 고정 요소를 전환하는 방법

Question

페이지를 스크롤 할 때 고정 요소를 전환하는 방법은 무엇입니까? 내 말은 www.Joel.is의 완벽한 예입니다. 공유 버튼을 보면 한 게시물을 아래로 스크롤하면 다음 게시물의 공유 버튼이 이전 게시물을 대체합니다. position:fixed

처음 고정 위치를 만드는 방법에 대한 답변은 있지만 전환. (http://stackoverflow.com/questions/4907872/changing-an-elements-css-position-after-scrolling-down-the-page).

Answer 1

동일한 원리를 사용하지만 요소의 스타일을 편집하십시오.

<div style="position: static;" id="ele"></div> 

다음 :

document.getElementById('ele').style.position = "absolute"; 

또는 jQuery를위한

:

$('#ele').css('position', 'absolute');