问题标签 [ion-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
547 浏览

angular - Ionic2的离子滚动中的事件“ionScroll”

好吧,我想ionScroll在指令中开火ion-scroll,但它不起作用。

知道我该如何处理吗???

API:https ://ionicframework.com/docs/api/components/scroll/Scroll/

0 投票
0 回答
210 浏览

ionic-framework - 离子:如何在离子滚动视图中默认将所选项目设置在中心

日历视图在滚动视图中设置,但今天选定的日期不会自动设置在视图中心。

0 投票
1 回答
4683 浏览

ionic-framework - Ionic 3:离子滚动不起作用

我正在使用 Ionic 3.19.0 版。我正在尝试使用“离子滚动”来放大和滚动图像。可悲的是,这似乎不起作用,我正在使用以下代码:

SCSS 文件:

HTML 文件:

图像显示正常,但我无法缩放或滚动。我似乎无法找到为什么会这样。我的代码是错误的还是我遗漏了什么?

提前致谢!

0 投票
0 回答
124 浏览

javascript - 具有固定元素的离子离子卷轴

我有一个组件的模板。

我必须修复第一行和第一列。该应用程序是一个计划,我必须保持由房间组成的第一列和第一行是天数。

我不能只锁定位置,因为第一列可以垂直滚动,第一行可以水平滚动。

有什么帮助吗?

0 投票
4 回答
3588 浏览

html - 离子无限滚动在离子滚动中不起作用

我正在尝试在页面的一半部分实现加载更多功能。所以我把代码放在离子滚动中,但不知何故,当前的实现不起作用,因为方法是

未触发且加载程序 UI 未呈现。但是,如果将内容放在 ion-content 而不是 ion-scroll 中,则相同的实现是有效的。

0 投票
1 回答
900 浏览

html - 使用 ionic 3.9.2 版本的 ion-scroll 容器中的单击和滑动效果不起作用

我是 IONIC 世界的新手。目前我正在将一个 Web 应用程序从 ioinc1.7.16+angularjs+javascript 迁移到最新版本,即 ionic 3.10.0+angular5+typescript。我正在使用 Windows 8.1 操作系统。我正在使用 Node v8.9.1、npm v5.5.1、ionic 3.20.0、cordova 8.0.0。

在我现有的应用程序中,离子滚动工作正常。我的意思是水平滚动条不可见,但可以使用鼠标平滑地单击并拖动或向左/向右滑动容器。我的滚动容器只包含一个图像列表。

问题:但是在我使用 ionic 3.20.0 的迁移 Web 应用程序中,同样的水平滚动单击和拖动或向左/向右滑动不起作用

自上周以来,我一直在努力使其工作,但没有运气。谁能帮我解决这个问题?

这是我迁移的代码:

HTML

SCSS

0 投票
2 回答
835 浏览

angular - Ionic 3 使用按钮进行水平滚动而不显示滚动条

如何实现离子滚动,当我们单击右箭头按钮时,它应该移动到离子 3 中离子内容的 div 中的下一个元素。我不希望 UI 中有任何 scollbar。它应该被隐藏起来。

我已经提到了这个链接。 如何在 ionic2 中使用 content.scrollTo() 进行离子滚动?

当我运行 scrollElement 在 ionic3 中没有被识别时,这对我没有帮助。它已被弃用。

请添加 StackBlitz 链接以获得答案。

我的代码结构看起来像

0 投票
1 回答
1076 浏览

ionic3 - Ionic 3 - 带水平滚动的无限滚动

我已经将无限滚动与“垂直滚动”一起使用,它按预期工作。

在不同的页面上,我有多个“水平卷轴”。我也想让它们成为无限卷轴。我将<ion-infinite-scroll>标签用于水平滚动,但它似乎没有按要求工作。我也四处搜索,但找不到太多帮助。

我在下面粘贴我的代码。 <ion-scroll scrollX="true"> <ion-card *ngFor="let x of y"> ... </ion-card> <ion-infinite-scroll (ionInfinite)="doInfinite($event, y)"> <ion-infinite-scroll-content></ion-infinite-scroll-content> </ion-infinite-scroll> </ion-scroll>

我注意到的一件事是,当我一直滚动到页面底部时,该ionInfinite方法会在所有水平滚动条上调用。所以看起来垂直无限滚动被触发而不是水平无限滚动。

请让我知道我是否遗漏了任何内容,或者是否需要编写代码的任何特定方式。

0 投票
1 回答
44 浏览

ios - 离子卡在 iPhone 中滚动缓慢

我用离子卡制作了一个页面,显示了项目列表,但问题是当我快速滚动列表时,它在 android 设备上完美运行(即流畅的体验),但问题出现在 iPhone 设备上,它滚动非常缓慢所有 iPhone 设备(即滚动时滞后)。请就此发表你的看法。提前致谢