如何在移动端实现搜索框悬浮效果？

Question

通常搜索框处在一个页面的最上端，当页面向下滚动后，搜索框会处于“悬浮”的状态。一个常规的做法是监听 scroll 事件，判断 scroll 到一定位置后，更改搜索框的 class（置为 fixed 等），这在 pc 端体验良好。但是在移动端，体验不好，必应（http://cn.bing.com/）有个搜索框悬浮的效果，如果移动端拉的快一点，就会有卡顿。小弟想请教下知乎的大神，有没有这方面的经验，跪谢！

var a = 10
var b = 20

Answer 1

移动端的滚动和pc上不一样

你的那种效果没办法在手机上做

可以参考 移动版baidu贴吧的效果 移动的时候 隐藏 不滚动了再出现

Answer 2

position:fixed 在移动端体验不好，解决方案可以参考 http://bradfrost.com/blog/mob...