问题标签 [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.
angular - Ionic2的离子滚动中的事件“ionScroll”
好吧,我想ionScroll
在指令中开火ion-scroll
,但它不起作用。
知道我该如何处理吗???
API:https ://ionicframework.com/docs/api/components/scroll/Scroll/
ionic-framework - 离子:如何在离子滚动视图中默认将所选项目设置在中心
日历视图在滚动视图中设置,但今天选定的日期不会自动设置在视图中心。
ionic-framework - Ionic 3:离子滚动不起作用
我正在使用 Ionic 3.19.0 版。我正在尝试使用“离子滚动”来放大和滚动图像。可悲的是,这似乎不起作用,我正在使用以下代码:
SCSS 文件:
HTML 文件:
图像显示正常,但我无法缩放或滚动。我似乎无法找到为什么会这样。我的代码是错误的还是我遗漏了什么?
提前致谢!
javascript - 具有固定元素的离子离子卷轴
我有一个组件的模板。
我必须修复第一行和第一列。该应用程序是一个计划,我必须保持由房间组成的第一列和第一行是天数。
我不能只锁定位置,因为第一列可以垂直滚动,第一行可以水平滚动。
有什么帮助吗?
html - 离子无限滚动在离子滚动中不起作用
我正在尝试在页面的一半部分实现加载更多功能。所以我把代码放在离子滚动中,但不知何故,当前的实现不起作用,因为方法是
未触发且加载程序 UI 未呈现。但是,如果将内容放在 ion-content 而不是 ion-scroll 中,则相同的实现是有效的。
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
angular - Ionic 3 使用按钮进行水平滚动而不显示滚动条
如何实现离子滚动,当我们单击右箭头按钮时,它应该移动到离子 3 中离子内容的 div 中的下一个元素。我不希望 UI 中有任何 scollbar。它应该被隐藏起来。
我已经提到了这个链接。 如何在 ionic2 中使用 content.scrollTo() 进行离子滚动?
当我运行 scrollElement 在 ionic3 中没有被识别时,这对我没有帮助。它已被弃用。
请添加 StackBlitz 链接以获得答案。
我的代码结构看起来像
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
方法会在所有水平滚动条上调用。所以看起来垂直无限滚动被触发而不是水平无限滚动。
请让我知道我是否遗漏了任何内容,或者是否需要编写代码的任何特定方式。
ios - 离子卡在 iPhone 中滚动缓慢
我用离子卡制作了一个页面,显示了项目列表,但问题是当我快速滚动列表时,它在 android 设备上完美运行(即流畅的体验),但问题出现在 iPhone 设备上,它滚动非常缓慢所有 iPhone 设备(即滚动时滞后)。请就此发表你的看法。提前致谢