ionic 安卓机获取不到$ionicScrollDelegate.getScrollPosition().top的负值

最新推荐文章于 2021-06-07 19:13:25 发布
原创 最新推荐文章于 2021-06-07 19:13:25 发布 · 718 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ionic

本文介绍了一个具体的Ionic项目需求实现方案：通过监听下拉刷新操作来改变导航栏的高度，以达到视觉上的同步效果。文章详细解释了如何利用$ionicScrollDelegate获取滚动位置，并针对Android平台的特殊性提出了解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近做的项目有个小需求，下拉刷新的同时导航栏也要跟着变高。

用了$ionicScrollDelegate.getScrollPosition().top;实时获取position的值，position为负值时为下拉刷新.


但是在android机上获取不到负值。

解决办法为：

$ionicConfigProvider.scrolling.jsScrolling(true);

如果只想在特定的页面使用js scroll, 需要在ion-content上加上 
overflow-scroll='false'

ionic利用$ionicScrollDelegate委托scroll
Coder.SirLoin的博客
12-07 6073
许多app中，常常有根据界面的滚动来触发事件的需求，之前我在处理这种需求时，走进了一个严重的误区，我是通过JQuery来实现的，不仅实现方法麻烦，还导致了ionic自带scroll的禁用，如果这个时候再要求使用无限滚动，肯定会导致很多问题。 那么在ionic中，如何利用自带的scroll呢？答案是通过$ionicScrollDelegate服务委托标签中的内容 首先我们讲一下$ionicS
IONIC下屏幕向上滑动时渐变显示隐藏的标题栏
我真的是青蛙的专栏
09-02 4217
要达到的效果： 在向上滑动屏幕时渐变显示原本隐藏的标题栏，向下滑动到某个位置时隐藏标题栏。 处理方法： 1、本想用指令来实现，以方便以后的重用，但是碰到几个坑。 2、指令行不通以后，才实现第二种，也是本文介绍的内容。 第一步： $scope.show=false;//控制标题栏是否显示 $scope.transrate=0;//控制标题栏透明度 $s
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
09-02
主要介绍了Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析的相关资料,需要的朋友可以参考下
ionic实现表格头部和第一列固定且都可滚动
热门推荐
lishihong
09-30 1万+
由于移动端屏幕有限，在展示多行多列的表格类型数据时，需要做成可滚动的来展示，但是滚动的时候，我们需要表头和第一列固定，以便在滚动的时候，可以看到该行、该列所属。
ionic —— 手动控制content中的滚动条滚动位置之ionicScrollDelegate
liayn523的博客
02-25 9144
最近在做ionic的项目关于类似微信朋友圈功能的内容列表展示，内容下面有评论这条内容的功能，当手机软件盘出现之后，要评论的内容部分就被键盘遮挡住，这时就需要控制滚动条，使其自动向上滚动一个键盘的高度，具体功能使用了ionic的$ionicScrollDelegate命令，详细如下： //delegate-handle="控制滚动区域的名字" // 点击是触发滚动的位置
ionic 滚动条位置
weixin_30588675的博客
05-03 290
注入：$ionicScrollDelegate 判断滚动条的位置用： getScrollPosition() 返回一个Json对象，内容为：{top:0,left:0} 例如当滚动条距离顶部一定距离时： $scope.scrollMove = function () { $timeout(function () { if (...
ionic中的$ionicPlatform.ready事件中的通用设置
12-02
在开发Ionic应用时，$ionicPlatform.ready事件是一个至关重要的组件，它确保了应用程序在设备准备好执行特定于硬件或原生功能的代码之前等待。这个事件类似于Cordova中的deviceready事件，它在所有必要的设备插件...
AngularJS封装$http.post()实例详解
01-21
用了不是很长的时间跟了一个移动APP项目，用的是ionic + AngularJS + cordova框架，其间遇到过挺多问题，其中一个就是对Ajax的封装问题。 其实针对封装问题一直以来就没停止过谈论，不同的项目也有不同的需求，举...
【ionic+angularjs】$ionicScrollDelegate list列表行记录定位的两种方式
MCpang的博客
02-14 1526
为什么要定位？ 在访问带有列表的页面，一般会点击列表中某行记录，访问其详情页面，点击返回后回到列表页面，若不进行定位，那么用户需要重新滚动直到找到刚才点击的行记录，体验不好。那么返回时定位可以将刚才点击的行记录直接展示在当前的可视区域内。 ionic中列表定位可以通过$ionicScrollDelegate来实现，定位方式： 1、通过锚点定位 2、通过滚动高度定
html 滚动条，菜鸟,ionic 滚动条
weixin_39818550的博客
06-07 210
ionic 滚动条ion-scrollion-scroll 用于创建一个可滚动的容器。用法[delegate-handle=""][direction=""][paging=""][on-refresh=""][on-scroll=""][scrollbar-x=""][scrollbar-y=""][zooming=""][min-zoom=""][max-zoom=""]>...API...
Thin的DateChooser代码学习(getScrollPosition)（原创，转载请声明）
weixin_34235457的博客
05-27 132
THIN_CS.prototype.getScrollPosition = function(e) { var b=e.document.body; if(e==b)return {left:0,top:0}; with(e.getBoundingClientRect()) { return {left:b.scrollLeft+left,top:b.scrollTop+top}; } } ge...
（补充）ionic js 指令布局的小技巧
ioinc学习笔记
08-25 1112
ion-infinite-scroll <!-- 当immediate-check=“false” 的时候 内容区只加载默认数据 $scope.items = ['1111','22222']; 只有在刷新的时候回加载load_more()函数--> {{item}} angular.mod
Ionic
一个前端初学者的博客
02-03 468
混合编程： 前端代码结合原生组件去编码生成的应用程序。 ①WebView 缺点：无法像原生应用程序调用底层的信息 ②phoneGap 是一个通过各种插件提供了js的API的平台，支持调用底层信息 ③无论是WebView还是phoneGap实现的移动端的应用，都是实现一些功能，但是UI并没有移动端的处理 一、Ionic介绍 what？ 一个强大的H5应用程
ionic ——ion-scroll (滚动) 如果自动滚到顶部
who_become_gods的博客
11-25 455
$ionicScrollDelegate 该方法直接被$ionicScrollDelegate服务触发，来控制所有滚动视图。用 $getByHandle方法控制特定的滚动视图。 在html ion-scroll添加 delegate-handle <ion-scroll delegate-handle="myscroll"> </ion-scroll> js文件 添加服务 $ionicScrollDelegate $scope.click = function() { .
ionic开发——获取ion-scroll滚动条的滚动值
Mickeymouse
03-23 8110
在ionic 开发中，当我用到ion-scroll这个可以滚动的容器的时候，如果我们想要获取到滚动条已经滚动的距离，在android和ios设备上是不一样的，可以通过下面的方法来获取 在android上，我可以直接给ion-scroll一个id="myscroll", 垂直滚动值：document.getElementById("myscroll").scrollTop； 水平滚动值：
Ionic3取消滚动条 --记录
HelisG的专栏
08-25 2801
在全局scss文件 app.scss文件中添加 ::-webkit-scrollbar { display: none !important; }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值