问题标签 [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.

0 投票
4 回答
496 浏览

sass - 覆盖 ion-content 的背景颜色

我们在 app.scss 或任何地方设置 ion-content 的背景颜色。我怎样才能覆盖它?当我把它放到页面的 scss 中时:

什么都没发生。(当然我在标签中添加了 id <ion-content padding id="page-content">:)

0 投票
1 回答
28 浏览

angularjs - 如何使用 $ionicScrollDelegate 在按钮单击时使用 angularjs 使离子列表可按像素位置滚动?

在研究了按像素位置滚动后,我成功编写了代码并且对我来说工作正常

0 投票
1 回答
270 浏览

ionic-framework - Ionic 2/3 - 如何在用户单击给定按钮之前保持侧面菜单打开?

有没有办法让 Ionic 3 侧面菜单保持打开状态,直到用户单击给定按钮?

默认行为是当关联的 ion-content 收到点击事件时,侧边菜单会自行关闭。我想覆盖这种行为。

我正在使用一个显示列表的推送菜单,我需要在不关闭所述菜单的情况下点击我的离子内容区域。

我的问题与此相同,但我发现没有一个答案令人满意。

现在,我找到了一种非常肮脏的方式来获得我需要的东西:

ionClose菜单的情况下,我重新打开它。( ^▽^ )ゞ</p>

0 投票
0 回答
498 浏览

ionic-framework - 无限滚动不适用于离子含量全屏

我在 Ionic-3 中使用无限滚动,我隐藏 Main-Header 并在滚动时显示 Mini-header。这仅在 android 中是一个导致问题,问题是:在滚动 Main-Header 时卡在后面,如图所示,

我使用全屏的 ion-content来隐藏和显示标题。但是当我在'ion-content'中使用全屏属性时,它解决了标题问题,但在使用全屏无限滚动后在Android中不起作用

在此处输入图像描述

这是我的测试代码。

0 投票
1 回答
1633 浏览

angular - 如何设置离子内容滚动的开始 y 位置?

我正在尝试将滚动位置设置为向下ion-content一点以隐藏此控件开头的一些元素。

我需要这样的东西

我试过 'start-y="xx"' 属性,但它不起作用。

有什么建议么?

0 投票
3 回答
2344 浏览

angular - 如何检测 ion-content 是否有滚动条?

当离子内容上有或没有滚动条时,我想隐藏或显示元素。更具体地说,我想在没有滚动条时显示一个按钮(以在列表中加载更多项目)并将其隐藏在有滚动条的地方(因此更多项目的加载由 ion-infinite-scroll 完成)。

我的 Ionic 应用程序也将部署到桌面,因此大屏幕用户最初不会看到滚动条,因此不会触发 ion-infinite-scroll。

这是一个演示该问题的演示:

主页.html

主页.ts

我正在使用 Ionic 4.5.0 + Angular。

我试过使用getScrollElementscrollHeightclientHeightoffsetHeight,但没有成功。

有任何想法吗?

0 投票
2 回答
7032 浏览

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

0 投票
0 回答
34 浏览

ionic-framework - 需要在 ionic 3 的 popovercontroller 中自动滚动到我的离子内容底部

我使用 ionic 3 为聊天应用程序创建了一个弹出框控制器,当我在聊天弹出框中键入消息时到达消息末尾时,我需要自动滚动。

让维度 = this.content.getContentDimensions(); this.content.scrollTo(0, dimensions.scrollBottom, 0);

收到消息的 ant 自动滚动事件。

0 投票
2 回答
3980 浏览

html - 如何使用 Ionic 实现夹入/夹出?

我使用 Ionic4 和 Angular8。

我想在智能手机上捏合/捏出屏幕。

我尝试了什么 以下描述已添加到 index.html。

但出乎意料的是,它并没有在实际机器上工作。

我也试过。

以下内容已添加到 .

然后,您现在可以在智能手机上捏合/张开屏幕。但我不知道为什么或为什么。

此外,如果 的高度大到需要垂直滚动,我在捏合屏幕后无法水平滚动。

我不知道为什么。我想在屏幕放大后进行水平滚动工作。

如果有人知道怎么做,请告诉我。

0 投票
0 回答
1080 浏览

ionic-framework - 在 Ionic 5 上设置 --offset-top

所以我有一个带有半透明离子头和全屏离子内容的离子页面。

问题是在覆盖官方网站上提到的 ion-content 时不会应用 CSS 上的更改,并且在渲染后将默认样式应用于 ion-content

page.html

页面.scss

以下是渲染应用程序后的标签: