如何使元素固定在视口上?
How to make an element fixed on the viewport?
在演示中,没有 css 规则使元素相对于视口保持固定。我不知道这是如何实现的。
App Maker samples/templates 中 'fixed' 元素的技巧在于根面板的固定(css 位置绝对)布局。要实现此效果,您只需:
- 创建页面并将其布局设置为固定
- 添加要固定的元素并使用 属性 编辑器设置它们的位置(顶部、左侧等)
- 然后您可以添加嵌套的 content/container/wrapper 面板与流 (vertical/horizontal) 布局类型并告诉它适合内容
注意: 当然,你可以去设置 CSS position: fixed !important 对于你的元素,但在这种情况下你的页面在编辑器中看起来会混乱...
在演示中,没有 css 规则使元素相对于视口保持固定。我不知道这是如何实现的。
App Maker samples/templates 中 'fixed' 元素的技巧在于根面板的固定(css 位置绝对)布局。要实现此效果,您只需:
- 创建页面并将其布局设置为固定
- 添加要固定的元素并使用 属性 编辑器设置它们的位置(顶部、左侧等)
- 然后您可以添加嵌套的 content/container/wrapper 面板与流 (vertical/horizontal) 布局类型并告诉它适合内容
注意: 当然,你可以去设置 CSS position: fixed !important 对于你的元素,但在这种情况下你的页面在编辑器中看起来会混乱...