首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

uniapp 中 ScrollView 组件上拉分页不滚动到最顶部

介绍: 在UniApp中,如果想要实现类似微信聊天页面的上拉加载更多历史聊天记录功能,每次上拉到顶部时,界面不会自动滚动到最顶部,而是停留在当前位置。...步骤:在scroll-view组件中绑定scroll-into-view属性,并设置为一个变量scrollViewIntoView。...根据上拉加载的数据,将其添加到list数组中,并将变量scrollViewIntoView设置为加载前最后一个元素的id。...this.list.push(item); } this.scrollViewIntoView = "view" + this.msgList[start - 1].id; // 设置当前滚动到的元素...(加载前最后一个元素) }}通过以上步骤,您可以实现在UniApp中使用ScrollView组件进行上拉加载更多历史记录时,界面不会滚动到最顶部,而是停留在当前位置。

1.2K31
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    IOS开发系列——启动页专题【整理,部分原创】

    1 系统自带方式 1.1 添加图片 1,准备图片资源,放入工程中,即可,默认时间为1s iOS设备现在有三种不同的分辨率:iPhone 320x480、iPhone 4 640x960...默认启动图片,如果没有提供上面几个iPad专用启动图片,则在iPad上运行时也使用Default.png(不推荐) 320x480或者320x460 Default@2x.png iPhone4启动图片...启动时显示状态栏 • 在-info.plist文件中加入选项 "Status bar is initiallyhidden",值为 YES 在 AppDelegate.m文件中的...=self; [self.view addSubview:scrollView]; //关闭水平方向上的滚动条 scrollView.showsHorizontalScrollIndicator...0)animated:YES]; } 4.3 第三方库MYBlurIntroductionView方案 4.3.1 设计思路 新建一个LaunchVC,然后在RootVC中以模态窗口的方式弹出此

    1.8K10

    UIScrollView

    ,UIScrollView会给子视图发送touchCancel消息,而如果该属性设置为NO,ScollView本身不处理这个消息,全部交给子视图处理 @property(nonatomic) BOOL.../34.缩小到特定区域的内容,所以它是在接收器中可见 - (void)zoomToRect:(CGRect)rect animated:(BOOL)animated NS_AVAILABLE_IOS(...; @end UIScrollView的常见属性 @property(nonatomic) CGPoint contentOffset; 这个属性用来表示UIScrollView滚动的位置 (其实就是内容左上角与...) @property(nonatomic) UIEdgeInsets contentInset; 这个属性能够在UIScrollView的4周增加额外的滚动区域,一般用来避免scrollView的内容被其他控件挡住...:2.0 target:self selector:@selector(nextPage:) userInfo:@"123" repeats:YES]; // 修改NSTimer在NSRunLoop中的模式

    1.8K60

    iOS开发之UIScrollView无限滚动

    UIScrollView 的无限滚动主要应用在图片轮播器、欢迎界面等场景。首先需要说明的是,文本所讲的是一种"笨办法",但是好理解且容易实现,在图片不多的时候用它也无妨。...它的原理是在要显示的图片前后各加一张图片即在第一张图片之前放最后一张图片,在最后一张图片之后放第一张图片,然后在滚动到边缘的时候,巧妙的过渡一下就可以"瞒天过海","以假乱真"的造成无限滚动的假象。...2、代码实现,主要分为:添加UIScrollView,添加显示图片,添加UIPageControl,然后监听UIScrollView的滚动,根据滚动的位置来设置UIPageControl,最重要的是对于滚动到两个边缘时要特殊处理一下...,在该方法中改变UIPageControl并且处理边缘滚动 -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { //...setContentOffset:CGPointMake(SCREEN_WIDTH * (MAX_SIZE-2), 0) animated:NO]; //方法2,该方法要求设置contentSize时,任一方向就算不滚动也不能为

    1.7K100

    滚动 Docker 中的 Nginx 日志

    Nginx 自己没有处理日志的滚动问题,它把这个球踢给了使用者。一般情况下,你可以使用 logrotate 工具来完成这个任务,或者如果你愿意,你可以写各式各样的脚本完成同样的任务。...本文笔者介绍如何滚动运行在 docker 中的 nginx 日志文件(下图来自互联网)。...创建滚动日志的脚本 创建 rotatelog.sh 文件,其内容如下: #!...下图是笔者测试过程中每 5 分钟滚动一次的效果: 为什么不在宿主机中直接 mv 日志文件? 理论上这么做是可以的,因为通过绑定挂载的数据卷中的内容从宿主机上看和从容器中看都是一样的。...): 结合上面的两个问题,我们可以写出另外的一种方式来滚动 docker 中的 nginx 日志。

    1.4K20

    两个imageView实现图片轮播

    前言 在不少的项目中,都会用到图片轮播这个功能,现在网上关于图片轮播的轮子也层出不穷,千奇百怪,笔者根据自己的思路,用两个imageView也实现了图片轮播,这里给大家介绍笔者的主要思路以及大概步骤。...,如果是往右滚动,那么下一张图片的位置应该在左边。...自动滚动 轮播的功能实现了,接下来就是添加定时器让它自动滚动了。...:(UIScrollView *)scrollView { [self pauseScroll]; } 拖拽时停止定时器 当我们手动拖拽的时候,需要停止自动滚动,此时我们只需要关闭定时器就行了...的思路) 下载图片,先从缓存中取,如果有,则替换之前的占位图片,如果没有,去沙盒中取,如果有,替换占位图片,并添加到缓存中,如果没有,开启异步线程下载 监听图片点击 在实际开发中,通常轮播图都有点击图片跳转到对应的内容的操作

    1.1K30

    【iOS开发】UIScrollView 看不到内容、UIScrollView 不能滑动

    初学者第一次使用 UIScrollView 的时候,很可能会遇到 UIScrollView 滑动不了,或者明明添加了内容,却看不到的问题。...这里展示最简洁、最常态化的一种在 UIScrollView 中添加可以滑动的 UIImageView 的案例。...上下文关系:代码中的“tipView”是通过 Storyboard 拖线到代码中绑定的 IBOutlet,已经在 self.view 里面了。 ?...注意点2:现在 imageView 是 UIScrollView 的 subView,所以它的 frame 也是相对 UIScrollView 的,你想要让它和 UIScrollView 刚好一样高,就要把它的...更新: 如果你的 UIScrollView 老是在你不希望它滚动的方向的滚动,而且里面的 imageView 还有可能错位的话,在 viewDidLoad 方法中加入这句: self.automaticallyAdjustsScrollViewInsets

    1.6K20

    UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进

    1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示,和UE体验。如果不会很好的使用UIScrollView,就等于丧失了苹果一般的法力。...UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容 1.1 工作原理 在缩放的时候,原理是操作被缩放控件的的transform数值。...设置UIScrollView的滚动范围 contentOffset UIScrollView当前滚动的位置 contentInset 增加滚动视图四周的增加滚动范围 bounces 是否有弹簧效果,默认是开启的...是否正在缩放 pagingEnabled 滚动视图是否被分割成多个独立的页面 1.4 手工代码实现拖动 // 创建scrollView UIScrollView *scrollView...和普通的内边距作用相反,不是让内容向里面缩进。是在不改变原有的contentSize基础上,让scrollView中的内容向四周多滚动一些。

    1.6K60

    UIScrollView

    前面两篇文章聊的UITableView和UICollectionView都是继承自UIScrollView,本篇文章就来简单聊聊UIScrollView。 ?...frame是视图在屏幕中展示的位置和大小,也就是可视区域的位置和大小。 contentSize是scrollView视图的内部内容可以滚动的区域大小,也就是scrollView视图内容的实际大小。...contentOffset是scrollView实际滚动区域的左上角与视图可视区域左上角的距离。 pagingEnabled是是否以一页的大小整体进行滚动,也就是用来实现翻页的效果。...UIScrollView的一些常用的代理方法如下: #pragma mark - UIScrollViewDelegate //监听页面滚动,根据scrollView.contentOffset来做业务逻辑...用于页面滚动停止的时候开启一个逻辑,比如视频自动播放(页面停止滚动后,开启视图滚动前暂停的gif或者视图的播放) - (void)scrollViewDidEndDecelerating:(UIScrollView

    90520

    【IOS开发基础系列】UIScrollView专题

    当手势在处理的过程中,滚动视图不能够给子视图,发送任何跟踪的调用。...另外,最大和最小缩放比例应该是不同的。         重要的提示:在UIScrollView对象中,你不应该嵌入任何UIWebView和UITableView。...而如果该属性设置为NO,ScrollView本身不处理这个消息,全部交给子视图处理。         ...    当正在缩放的时候值是 YES,否则NO decelerating     当滚动后,手指放开但是还在继续滚动中。...你的代码变得很牢固地配对在一起,它实际上变成了超类的一部分,你无法从UIScrollView中析取它,之后用其它东西代替,如果它在你控制器中且为控制器的一部分,在之后更容易改变它工作的方式和重新安排你应用程序的一些部分

    65630

    iOS多设备适配简史以及相应的API支撑实现

    远古的iPhone3和iPhone4时代,设备尺寸都是固定3.5inch,没有所谓的适配的问题,只需要用视图的frame属性进行硬编码即可。...从上面的这些属性中可以看出苹果提出的这些解决方案其主要是围绕解决视图和导航条、滚动视图、状态栏、屏幕边缘之间的关系而进行的。...因为iOS7和iOS11两个版本中控制器中的视图和上面所列出的一些内容之间的关系变化最大。...UIScrollView中去的代码,当用AutoLayout来实现时出现了代码量风暴问题。...但是在实际的实践中我们很少有看到使用SizeClasses的例子和场景以及在我们开发中很少有使用到这方面的技术,所以我认为这应该是苹果的一个多屏幕适配的失败解决的方案。

    1.1K30

    iOS-UIScrollerView

    UIScrollerView常见属性 CGPoint contentOffset 这个属性用来表示UIScrollerView滚动的位置(其实就是内容左上角与ScrollerView左上角的间距值...的四周增加额外的滚动区域,一般用来避免scrollerView的内容被其他控件挡住 UIScrollerView无法滚动的原因 没有设置contentSize scrollEnabled = NO 没有收到触摸事件...*)scrollView{ return [UIView new]; } ScrollerView缩放的代理回调 //滚动视图在和方法的实现结束时调用此方法,但仅在请求动画时调用setContentOffset...@"点击状态栏是否可以回到顶部"); return YES; } //scrollViewShouldScrollToTop设置为YES,滚动视图在完成滚动到内容顶部时发送此消息 - (void...)scrollViewDidScrollToTop:(UIScrollView *)scrollView{ NSLog(@"滚动视图在完成滚动到内容顶部时发送此消息"); } UIScrollerView

    17910

    iOS开发UIScrollView使用详解 原

    iOS开发UIScrollView使用详解 一、ScrollView常用方法和属性 @property(nonatomic)CGPoint contentOffset; 设置滚动的偏移量 @property...,默认为NO,当设置为YES时,你的滚动视图只能同一时间在一个方向上滚动,但是当你从对角线拖动时,是时刻在水平和竖直方向同时滚动的。...:(UIScrollView *)scrollView;  视图减速结束时触发的方法 - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *...scale; 视图内容结束缩放时触发的方法 - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;  返回yes,开启快捷滚动回顶端...,将要滚动时调用 - (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView; 视图快捷滚动回顶端开始动作时调用 疏漏之处 欢迎指正 专注技术

    1.7K30

    js - 移动端的超出滚动功能,附带滚动条,可解决弹层中滚动穿透问题。

    背景: 弹层里边有可滚动区域时,在移动端的坑我就不多说了。 找了很多解决滚动穿透的方案,最终都不能完美解决。 一气之下自己js撸了一个。 效果图: ?...原理: 1、解决滚动穿透:通过给弹层绑定touchmove和mousewheel事件,取消默认行为实现。...2、取消默认行为后不能滚动:给需要滚动展示的区域绑定touchstart、touchmove和mousewheel事件,监听触发区域的Y值,对应修改可滚动区域的translateY值,实现滚动效果。...} 47 $(this).css('transform', `translate(0px, ${transY}px)`); 48 /* 移动时,滚轮的变化监听...let y = e.originalEvent.deltaY; 70 if (y > 0) { 71 /* 向下翻滚轮 wheelDeltaY的值与之相反

    7.3K10

    iOS滚动视图UIScrollView使用方法

    //设置滚动条指示器的类型,默认是白边界上的黑色滚动条 self.scrollView.indicatorStyle = UIScrollViewIndicatorStyleDefault;...)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{ } //减速完毕停止滚动时调用,这里的读取contentOffset...属性就是最终停止位置 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{ } 这里在view中添加了一个设置了大小的...ScrollView,在ScrollView中添加了两个Label,两个Label的开始y值不同所以第一个一开始就能看见,而第二个要向下滚动才能看见,如图: 由于截图时间来不及所以第二张图看不到滚动条了...,但是是滚动下来才能看得见: 基本方法代码中的注释已经讲的很清楚了,如果有不太清楚的可以自己试着调一下,也可以一起讨论讨论~ 可以在github上下载我的工程:https://github.com/Cloudox

    1.6K20

    iOS开发之UIScrollView在Autolayout下的使用

    一、使用的基本原则: 原则1:UIScrollView的size依赖于subviews 首先在StoryBoard中拖入一个UIScrollView,用Pin按钮,随意设置其布局。...当然,如果contentSize的内容不足以布满整个UIScrollView时,滚动条将不会出现,UIScrollView也不会滚动。...原则2:subviews的size不能依赖于UIScrollView 因为UIScrollView的size依赖于subviews,而如果subviews的size再依赖于UIScrollView,就类似于操作系统中的死锁了...二、正确的姿势 1、在StoryBoard中拖入一个UIScrollView。 2、设置UIScrollView的约束。...明明设置了宽和高了呀,如果不做这一步,UIScrollView还是不能滚动,因为这4个Pin约束实际上是用于告诉UIScrollView:我会把你的内容“撑到”多大。

    98870
    领券