向下滚动页面时如何切换固定元素

时间:2012-06-12 18:05:05

标签: javascript jquery html5 css3 css-position

滚动页面时,人们如何切换固定元素?这是我在www.Joel.is所说的完美例子。如果您查看共享按钮,当您向下滚动一个帖子时,下一篇文章的分享按钮将使用position:fixed替换上一个帖子

我只看到了回答如何创建初始固定位置但没有切换的帖子。 (http://stackoverflow.com/questions/4907872/changing-an-elements-css-position-after-scrolling-down-the-page)。

1 个答案:

答案 0 :(得分:1)

您将使用相同的原则,但编辑元素的样式。

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

然后:

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

或jQuery:

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