Question

怎样只用JS和CSS实现div置顶

http://bbs.heroesofthestorm.com.cn/forum.php
就像这个网站的浮动横条一样，怎样能实现这样的效果

Answer 1

当滚动条滚动一定高度的时候，将横条样式设置为{position:fixed;top:0}

追问

大概也是知道，就是写代码的时候就晕了；具体应该怎样做

追答

（1）先计算横条底部距浏览器顶部高度，作为参考距离 d；
（2）页面载入完毕后，监听body的滚动条事件；
（3）在监听事件中获得滚动距离，与 d 做比较。
大于的话，设置横条样式为{position:fixed;top:0}。

小于的话，设置横条样式为{position:static}
大概如此。