手机开发- Search Bar纵向滚动

简介:

  

iPhone implementation: ( the search bar is hidden by default ,if you scroll it ,it will display on the top)


If  you scroll down the screen , the top search bar will have a positive offset ,then it will enter the device screen so that the user will see it.

 



If you scroll up the screen ,then the top search bar will  have a negative offset ,then it will disappear again in the screen so that the use will not see it anymore.

 

In our project:

because when we search it and render the result page ,every search result includes not only text but also picture ,so every cell is very large .If search result has only 4 but by default one page has 6 cells ,then 6-4=2 cells must be empty .

We do not want the user to see the empty cells with border ,it may not have a good look-and-feel.

So we suggest that the empty cells without border ,so that it will be merged better with the background.

 





本文转自 charles_wang888 51CTO博客,原文链接:http://blog.51cto.com/supercharles888/835912,如需转载请自行联系原作者

目录
相关文章
|
4月前
|
Web App开发 小程序 Android开发
uniapp TC-scroll-view 横向和纵向滚动 带滚动回调
uniapp TC-scroll-view 横向和纵向滚动 带滚动回调
43 0
|
23天前
|
小程序 前端开发 Android开发
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
15 1
|
1月前
|
移动开发 小程序 JavaScript
uView ScrollList 横向滚动列表
uView ScrollList 横向滚动列表
36 0
|
2月前
|
小程序
微信小程序scroll-view横向滚动和纵向滚动实现(亲测管用)
微信小程序scroll-view横向滚动和纵向滚动实现(亲测管用)
|
JavaScript 小程序 前端开发
uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度
uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度
733 0
|
小程序
微信小程序:scroll-view横向滚动的使用
微信小程序:scroll-view横向滚动的使用
183 0
|
前端开发 容器
瀑布流布局切Tab跳跃问题原因及两种解决方案
瀑布流布局切Tab跳跃问题原因及两种解决方案
瀑布流布局切Tab跳跃问题原因及两种解决方案
tablayout支持改变选中文字大小,支持左右滑动,支持viewpager,支持三角可移动指示器
TabLayout [简书地址] (https://www.jianshu.com/p/2c3f868266e8) 基于大神的FlycoTabLayout 传送地址和基本用法 用法和属性和这个库一样 效果图如下 Gif_20180828_142709.
2459 0