uniapp position
时间: 2023-08-14 18:07:07 浏览: 102
引用\[1\]中提到,IOS的position:fixed是相对于滚动元素固定位置,而不是相对于浏览器窗口固定位置。因此,在使用position:fixed时,如果希望实现对浏览器窗口的定位兼容,需要确保当前元素的父元素都不能添加滚动样式。
引用\[2\]和引用\[3\]是两个例子,展示了在HTML中使用绝对定位和相对定位的示例代码。在例子2中,使用了position:absolute来实现绝对定位,元素的原本位置会被占用。而在例子3中,使用了position:relative来实现相对定位,元素的原本位置不会被占用。
根据以上引用内容,可以得出结论:在uniapp中,可以使用position属性来控制元素的定位方式,包括fixed、absolute和relative等。具体使用哪种定位方式取决于需求和设计。如果需要实现对浏览器窗口的定位兼容,需要注意使用position:fixed时,确保当前元素的父元素都不能添加滚动样式。
#### 引用[.reference_title]
- *1* [uniapp position: fixed 偶尔失效/不起作用(不显示)(苹果手机position: fixed兼容性/失效)](https://blog.csdn.net/qq_17627195/article/details/126810643)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [position定位总结](https://blog.csdn.net/L_Z_jay/article/details/111287799)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)