Javascript 页面滚动上的浮动Twitter图标

Javascript 页面滚动上的浮动Twitter图标,javascript,jquery,twitter,scroll,Javascript,Jquery,Twitter,Scroll,你能告诉我这个网站是如何做到这一点的吗 网页上到处都是一只推特鸟(我猜不是随机的) 当我向下滚动时,鸟儿跟着我四处飞:) 有没有插销 更新:我刚发现这是一个Wordpress小工具。但是我如何在我的网站(不是博客)上使用它呢? 无论如何,我要看一下源代码。一个快速的答案是将div或元素设置为绝对位置,并给它一个比您希望它浮动的页面的其余部分更高的z索引。然后通过窗口滚动事件上的Javascript控制它。例如,如果使用jQuery,您可以使用scrollTop()并设置偏移量来设置twitte

你能告诉我这个网站是如何做到这一点的吗

网页上到处都是一只推特鸟(我猜不是随机的) 当我向下滚动时,鸟儿跟着我四处飞:)

有没有插销

更新:我刚发现这是一个Wordpress小工具。但是我如何在我的网站(不是博客)上使用它呢?
无论如何,我要看一下源代码。

一个快速的答案是将div或元素设置为绝对位置,并给它一个比您希望它浮动的页面的其余部分更高的z索引。然后通过窗口滚动事件上的Javascript控制它。例如,如果使用jQuery,您可以使用scrollTop()并设置偏移量来设置twitter漂浮鸟的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 });
});