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 209
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 1111
ion-infinite-scroll <!-- 当immediate-check=“false” 的时候 内容区只加载默认数据 $scope.items = ['1111','22222']; 只有在刷新的时候回加载load_more()函数--> {{item}} angular.mod
Ionic
一个前端初学者的博客
02-03 467
混合编程： 前端代码结合原生组件去编码生成的应用程序。 ①WebView 缺点：无法像原生应用程序调用底层的信息 ②phoneGap 是一个通过各种插件提供了js的API的平台，支持调用底层信息 ③无论是WebView还是phoneGap实现的移动端的应用，都是实现一些功能，但是UI并没有移动端的处理 一、Ionic介绍 what？ 一个强大的H5应用程
ionic $ionicScrollDelegate.anchorScroll在安卓上不起作用的解决办法
luyangbin01的专栏
07-29 1910
$ionicConfigProvider.scrolling.jsScrolling(true);
ionic通讯录点击滑动效果的实现以及$ionicscrolldelegate使用分析
weixin_34129696的博客
01-17 221
2019独角兽企业重金招聘Python工程师标准>>> ...
深度理解Jquery 中 scrollTop() 方法
weixin_34239592的博客
09-05 862
这是工作遇到scrollTop() 方法。为了强化自己，把它记录在博客园当中。 下面就开始scrollTop 用法讲解： scrollTop() 定义和用法 scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。 Note： 当滚动条位置位于最顶部时，位置是0；当用于返回位置时： 该方法返回 第一个匹配元素的滚动条的垂直位置。当用于设置位置时： 该方法设置 所有...
jquery scrollTop定位问题
u010397366的博客
06-13 8020
今天遇到一个时间弹出框，其高度为固定高度，容器内有时间列表，如下图：       由于时间较多，所以我希望做一个动画效果，方便用户的选择，就是当用户已选择过时间，或者说初始化的时候这个预约时间值就存在，那么我希望这个弹出框内容部分会自动的定位到已选择项。我用的动画效果是直接用的jquery的animate方法,定位用的是scrollTop,代码如下：$('.time-list-wrap').ani...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值