플로팅 트위터 아이콘 페이지 스크롤

Question

이 웹 사이트에서 어떻게 관리했는지 알려주십시오.

http://weblopedi.net/

(안 무작위 같아요) 나는 아래로 스크롤하면 가, 새가 날 따라 주변에 날아 :

웹 페이지의 주위에 모든 부동 트위터 조류는 pllug-가 거기에있다 그것을 위해서?

업데이트 : 방금 Wordpress 가젯임을 알게되었습니다. 하지만 어떻게 그것을 내 웹 사이트 (블로그가 아님)에서 사용할 수 있습니까? 어쨌든 소스 코드를 살펴 보겠습니다.

Answer 1

빠른 답변은 div 또는 요소를 절대 위치로 설정하고 페이지의 나머지 부분보다 더 높은 z- 색인을 지정하는 것입니다. 그런 다음 창 스크롤 이벤트에서 Javascript를 통해이를 제어하십시오. 예를 들어 jQuery를 사용하는 경우 scrollTop()을 사용하고 트위터 플로팅 버드의 y 위치를 설정하기위한 오프셋을 가질 수 있습니다.

뭔가 같은 : 다음

<div id="BirdDiv" style="position: absolute; z-index: 999;"> 
    <img src="twitterbird.png" alt="" /> 
</div> 

자바 스크립트에서

$(window).scroll(function() { 
    var offset = 150; 
    var topVal = $(window).scrollTop() + offset; 
    $("#BirdDiv").offset({ top: topVal, left: 300 }); 
});