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