问题标签 [ion-content]
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.
sass - 覆盖 ion-content 的背景颜色
我们在 app.scss 或任何地方设置 ion-content 的背景颜色。我怎样才能覆盖它?当我把它放到页面的 scss 中时:
什么都没发生。(当然我在标签中添加了 id <ion-content padding id="page-content">
:)
angularjs - 如何使用 $ionicScrollDelegate 在按钮单击时使用 angularjs 使离子列表可按像素位置滚动?
在研究了按像素位置滚动后,我成功编写了代码并且对我来说工作正常
ionic-framework - Ionic 2/3 - 如何在用户单击给定按钮之前保持侧面菜单打开?
有没有办法让 Ionic 3 侧面菜单保持打开状态,直到用户单击给定按钮?
默认行为是当关联的 ion-content 收到点击事件时,侧边菜单会自行关闭。我想覆盖这种行为。
我正在使用一个显示列表的推送菜单,我需要在不关闭所述菜单的情况下点击我的离子内容区域。
我的问题与此相同,但我发现没有一个答案令人满意。
现在,我找到了一种非常肮脏的方式来获得我需要的东西:
在ionClose
菜单的情况下,我重新打开它。( ^▽^ )ゞ</p>
angular - 如何检测 ion-content 是否有滚动条?
当离子内容上有或没有滚动条时,我想隐藏或显示元素。更具体地说,我想在没有滚动条时显示一个按钮(以在列表中加载更多项目)并将其隐藏在有滚动条的地方(因此更多项目的加载由 ion-infinite-scroll 完成)。
我的 Ionic 应用程序也将部署到桌面,因此大屏幕用户最初不会看到滚动条,因此不会触发 ion-infinite-scroll。
这是一个演示该问题的演示:
主页.html
主页.ts
我正在使用 Ionic 4.5.0 + Angular。
我试过使用getScrollElement、scrollHeight、clientHeight、offsetHeight,但没有成功。
有任何想法吗?
angular - 如何在 Ionic 4 的离子含量组件中检测到滚动已结束?
在 Ionic v3 ion-content 中有像“scrollTop”这样的属性。在 Ionic v4 中不再有这些属性......我如何确定用户是否到达了内容的末尾?
https://ionicframework.com/docs/v3/api/components/content/Content/ https://ionicframework.com/docs/api/content
ionic-framework - 需要在 ionic 3 的 popovercontroller 中自动滚动到我的离子内容底部
我使用 ionic 3 为聊天应用程序创建了一个弹出框控制器,当我在聊天弹出框中键入消息时到达消息末尾时,我需要自动滚动。
让维度 = this.content.getContentDimensions(); this.content.scrollTo(0, dimensions.scrollBottom, 0);
收到消息的 ant 自动滚动事件。
html - 如何使用 Ionic 实现夹入/夹出?
我使用 Ionic4 和 Angular8。
我想在智能手机上捏合/捏出屏幕。
我尝试了什么 以下描述已添加到 index.html。
但出乎意料的是,它并没有在实际机器上工作。
我也试过。
以下内容已添加到 .
然后,您现在可以在智能手机上捏合/张开屏幕。但我不知道为什么或为什么。
此外,如果 的高度大到需要垂直滚动,我在捏合屏幕后无法水平滚动。
我不知道为什么。我想在屏幕放大后进行水平滚动工作。
如果有人知道怎么做,请告诉我。
ionic-framework - 在 Ionic 5 上设置 --offset-top
所以我有一个带有半透明离子头和全屏离子内容的离子页面。
问题是在覆盖官方网站上提到的 ion-content 时不会应用 CSS 上的更改,并且在渲染后将默认样式应用于 ion-content
page.html
页面.scss
以下是渲染应用程序后的标签: