Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >点击状态栏回到顶部

点击状态栏回到顶部

作者头像
用户1451823
发布于 2018-09-13 08:24:00
发布于 2018-09-13 08:24:00
1.6K0
举报
文章被收录于专栏:DannyHoo的专栏DannyHoo的专栏

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1337959

“点击状态栏回到顶部”这个功能时苹果系统自带的,效果不错,很好用,很方便。可我们有时却会发现此功能不能使用,即我们如何点击状态栏都不能让表格回到顶部。出现这种情况可能是我们犯了一些错误。

要想有“点击状态栏回到顶部”这个功能是有条件的,即当前视图上只有一个让系统可以识别的滚动视图-scrollView(tableView也是属于scrollView),因为系统要知道哪个滚动视图需要实现“点击状态栏回到顶部”功能。如果当前视图只有一个滚动视图,那很好,点击状态栏必定会实现“点击状态栏回到顶部”功能。可有时我们的视图上会有两个或更多的滚动视图,如tableView上还有一个ScrollView,这时我们需要进行设置。我们需要将scrollView的scrollsToTop属性设置为NO,这样就能实现“点击状态栏回到顶部”功能了。如果视图上还有其他的tableView或scrollView,我们需要将它们的scrollsToTop属性都设置为NO。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016年05月06日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【IOS开发基础系列】UIScrollView专题
       在滚动过程当中,其实是在修改原点坐标。当手指触摸后,scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么scroll view 发送 tracking events 到被点击的subview。假如在计时器到点前发生了移动事件,那么 scroll view 取消tracking 自己发生滚动。
江中散人_Jun
2023/10/16
9930
【IOS开发基础系列】UIScrollView专题
TableView优化之快速滑动下的忽略加载
这两天一直在搞一个TableView的工具类,因为觉得这个东西写完可以一劳永逸,所以就去搞了一下,主要是有助于TableView的快捷开发。没什么好废话的了,直接说事吧=。=
老司机Wicky
2018/08/22
1.8K0
TableView优化之快速滑动下的忽略加载
Android开发笔记(一百六十四)仿京东首页的下拉刷新
上一篇文章介绍了高仿京东的沉浸式状态栏,可是跟京东首页的头部轮播图相比,依然有三处缺憾: 1、京东的头部Banner上方,除了有悬浮着的状态栏,状态栏下面还有一行悬浮工具栏,内嵌扫一扫图标、搜索框,以及消息图标; 2、把整个页面往上拉,状态栏的背景色从透明变为深灰,同时工具栏的背景也从透明变为白色; 3、页面下拉到顶后,继续下拉会拉出带有“下拉刷新”字样的布局,此时松手则会触发页面的刷新动作; 上面第一点的状态栏和工具栏悬浮效果,都有对应的解决办法;第二点的状态栏和工具栏背景变更,也存在可行的解决方案。倒是第三点的下拉刷新,以及第二点的上拉监听,却不容易实现。 虽然Android提供了专门的下拉刷新布局SwipeRefreshLayout,但它并没有页面随手势下滚的效果。一些第三方的开源库如PullToRefresh、SmartRefreshLayout固然能让整体页面下滑,可是顶部的下拉布局很难个性化定制,至于状态栏、工具栏的背景色修改更是三不管。因此若想呈现完全仿照京东的下拉刷新特效,只能由开发者编写一个自定义的布局控件了。 自定义的下拉刷新布局,首先要能够区分是页面的正常下滚,还是拉伸头部要求刷新。二者之间的区别很简单,直觉上看就是判断当前页面是否拉到顶了。倘若还没拉到顶,继续下拉动作属于正常的页面滚动;倘若已经拉到顶了,继续下拉动作才会拉出头部提示刷新。所以此处得捕捉页面滚动到顶部的事件,相对应的则是页面滚动到底部的事件。鉴于App首页基本采用滚动视图ScrollView实现页面滚动功能,故而该问题就变成了如何监听该视图滚到顶部或者滚到底部。正好ScrollView提供了滚动行为的变化方法onScrollChanged,通过重写该方法即可判断是否到达顶部或底部,重写后的代码片段如下所示:
aqi00
2019/01/18
3.2K0
iOS实例——滑动列表展现/隐藏顶部视图
项目中需要一个效果:下滚列表时顶部的自定义视图不移动,上移时隐藏顶部视图,提高列表的展现范围。在此基础上海加了一个隐藏列表时的动态渐入渐出效果,如下:
Cloudox
2021/11/23
2.1K0
iOS实例——滑动列表展现/隐藏顶部视图
vue+element-ui 回到顶部组件
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/caomage/article/details/85006973
从入门到进错门
2018/12/26
5.5K0
JS 吸顶导航,告别“回到顶部”
当我们浏览页面篇幅较大,浏览过半的时候想回到导航位置,只能通过往回滚动或通过”回到顶部”重新滚动到导航位置,这样的操作显得繁琐与不便。于是便有了吸顶式导航的交互方式,吸顶条导航最大的好处是将最常用或者设计者最愿意让用户看到的内容、功能经常保持在用户面前,为用户提供了极大的便利与交互体验。 本文主要内容 1、吸顶导航是什么 2、吸顶导航的实现方法 3、小结 1、吸顶条导航是什么 如图: 吸顶导航栏的初始位置一般是靠近在页面的顶部位置,但是又存在一定距离,通常这块区域放置最为醒目或者重要元素的地方,如
HTML5学堂
2018/03/13
8K0
JS 吸顶导航,告别“回到顶部”
两步设置状态栏字体颜色
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/48297207
用户1451823
2018/09/13
1.9K0
iOS-UIScrollerView
xy_ss
2023/11/22
2710
iOS-UIScrollerView
关于Android PullTorefreshScrollview回到顶部实例
列表滑动下面显示按钮,点击按钮回到顶部的功能,一般scrollview会有滑动监听的事件,通过setOnScrollChangeListener()滑动监听滑动的距离来判断是否显示按钮就好了,但是PullTorefreshScrollview通过getRefreshableView()方法得到scrollview后没有setOnScrollChangeListener()滑动监听事件,没办法只能通过setOnTouchListener()事件来判断。 onTouchListener方法,只能监听到手势,即何
xiangzhihong
2018/02/05
1K0
六天完成一个简单iOS App - 第六天
第六天任务 推荐标签页面的完成 圆形头像的设置和封装 评论界面的完成 新帖界面的完成 发布界面的完成 推荐标签页面的完成 点击精华页面左上角按钮来到推荐标签界面。 推荐标签界面 推荐标签的实
xx_Cc
2018/05/10
1.4K0
iOS开发UIScrollView使用详解 原
@property(nonatomic)CGPoint contentOffset;
珲少
2018/08/16
1.8K0
Android带你解析ScrollView--仿QQ空间标题栏渐变
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52107851
Hankkin
2018/09/06
1.7K0
Android带你解析ScrollView--仿QQ空间标题栏渐变
UIScrollView
UIScrollView UIScrollView全部API学习。 //1.设定滚定条的样式 typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) { UIScrollViewIndicatorStyleDefault, // black with white border. good against any background 黑白边框 UIScrollViewIndicatorStyleBlack, // black only. small
用户1941540
2018/05/11
2.1K0
博客园 【装饰目录、回到顶部】
前言 1、进入你的博客园点击: image.png 2、然后跳转到下图: image.png 申请JS 首先你要去自己的设置,申请js权限 image.png 申请成功以后才可以做一下内容 目录 页首HTML代码 <script type="text/javascript"> /* 功能:生成博客目录的JS工具 测试:IE8,火狐,google测试通过 孤傲苍狼 2014-5-11 */ var BlogDirectory = { /* 获取元素
IT茂茂
2020/03/14
1.1K0
博客园 【装饰目录、回到顶部】
Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52510844
Hankkin
2018/09/06
1.4K0
Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变
点击按钮,回到页面顶部的5种写法
2.scrollTop:scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时,scrollTop的值为0,如果元素被垂直滚动了,scrollTop的值大于0,且表示元素上方不可见内容的像素宽度
全栈程序员站长
2022/09/07
3K0
iOS开发常用之网络
表相关与的TabBar SWTableViewCell - 国内开源作者,带很多手势的表单元格。 MCSwipeTableViewCell - 带很多手势的表单元格。 TMQuiltView - 瀑布流。 XRWaterfallLayout - 超简单的瀑布流实现,实现说明。 WaterfallFlowDemo - 一个简单的UICollectionView瀑布流布局演示demo。 XLForm - 很多表格类的表,写法更高冷一点,推荐使用。 Eureka.swift - Eur
GuangdongQi
2018/12/18
26.1K0
【Hybrid开发高级系列】ReactNative(七) —— RN组件专题
animating bool型 显示指示器(true,默认的)还是隐藏它(false);
江中散人_Jun
2023/10/16
1.4K0
【Hybrid开发高级系列】ReactNative(七) —— RN组件专题
【愚公系列】《微信小程序与云开发从入门到实践》010-基础视图组件与滚动视图组件
在微信小程序的开发中,组件的使用是构建用户界面的关键。基础视图组件和滚动视图组件作为小程序的重要组成部分,它们不仅帮助开发者快速创建美观的界面,还极大地提升了用户体验。基础视图组件提供了构建页面布局的基本元素,而滚动视图组件则为用户提供了流畅的滚动体验,适用于展示大量信息和内容的场景。
愚公搬代码
2025/01/13
2620
问题——持续更新
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/48552831
用户1451823
2018/09/13
1.4K0
问题——持续更新
推荐阅读
相关推荐
【IOS开发基础系列】UIScrollView专题
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档