移动端浏览器向下滚动到一定位置继续滚动时一个元素固定在页面顶部该怎么实现？

类似这种效果：http://www.bootcss.com/p/jquery.pin/
和http://www.bootcss.com/p/stickup/

我监听了document的'scroll'事件；固定在顶部时用fixed定位实现。但感觉效果不太好。

这种功能应该怎么实现呢？

---

https://github.com/webpop/jquery.pin 这里面既有实现也有用法