modal ionic 1中的appery.io固定组件

Question

我正在使用 appery.io 的 ui builder 创建此按钮/栏。基本上，我想创建一个选项栏，在这种情况下，垂直。但是，当然是固定的吧。 see image 我在 css 中测试了几个选项，但没有任何效果。

我认为问题不在于 CSS，而在于模式，因为此代码（位置：固定）在正常页面中工作。

如您所见，在正常的页面工作中： https://www.dropbox.com/s/g749h9rfzbzbly0/2021-10-22%2014.07.01.mp4?dl=0

为什么不在模态中使用相同的代码？因为模态工作超出范围？ 我看到了几篇关于离子模式的帖子，但我找不到解决方案。

谁能帮帮我？

Answer 1

1. 请将这些按钮一个一个地移动到您的模态see the example here的标题

2. 将“myheader”类添加到您的标题组件中

3. 以及自定义 CSS 代码：

.bar.myheader .buttons{
    position:absolute;
    right:0;
    top: 50vh;
    display: block;
}

4. 运行测试。现在您在模态中看到您的工具栏see the example here