移动端如何实现顶部搜索框,要么全显示、要么全隐藏

新手上路,请多包涵

当整个页面下滑时,搜索框在整个页面最上层,会首先被屏幕上边缘截断

想实现的效果是,当搜索框高度被截断不足一半时,松手会弹回至搜索框完全显示
当搜索框高度被截断超过一半时,松手会弹至搜索框完全隐藏

当从底部(搜索框完全隐藏)利用惯性上滑时,到顶部停止时搜索框在隐藏状态


完整例子可以参考IOS端的微信首页搜索框


不知道该搜索什么关键词...百度半天没找到

阅读 1.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题