頁面滾動上的浮動Twitter圖標

Question

請問您可以告訴我這個網站如何設法做到這一點？

http://weblopedi.net/

有一個Twitter鳥浮動所有的網頁周圍（不是隨機我猜） 當我向下滾動，鳥跟着我和飛來飛去:)

是否有一個pllug-爲了它？

更新：我剛發現它是一個WordPress的小工具。但是我怎樣才能在我的網站上使用它（不是博客）？ 無論如何，我會看看源代碼。

Answer 1

一個快速的答案是將一個div或元素設置爲絕對位置，並給它一個比您希望它浮動的頁面其餘部分更高的z-index。然後在窗口滾動事件中通過Javascript控制它。例如，如果使用jQuery，則可以使用scrollTop（）並設置偏移來設置twitter浮動鳥的y位置。

喜歡的東西：

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

然後在Javascript

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