uni-app nvue 定位模式 position: sticky; 与 vue 不一致 整理示例代码
uni-app nvue 定位模式 position: sticky; 与 vue 不一致 整理示例代码
| 属性 | 值 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | 设备名称 DESKTOP-O8KRVCG 处理器 11th Gen Intel® Core™ i5-1135G7 @ 2.40GHz 2.42 GHz 机带 RAM 16.0 GB (15.8 GB 可用) 设备 ID 203ED2D7-5A18-4349-92D5-A7818D0157BB 产品 ID 00342-36327-00835-AAOEM 系统类型 64 位操作系统, 基于 x64 的处理器 笔和触控 没有可用于此显示器的笔或触控输入 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.3.9 |
| 手机系统 | Android |
| 手机系统版本号 | Android 11 |
| 手机厂商 | 小米 |
| 手机机型 | Redmi Note 9 Pro |
| 页面类型 | nvue |
| vue版本 | vue2 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
示例代码
<template>
<view>
<view style="height: 300px;position: fixed;left: 0;right: 0;background-color: #007AFF;">
<text style="font-size: 30px;">NVUE</text>
</view>
<view style="height:500px;background-color: #FF5A5F;width: 100%;">
</view>
<view style="position: sticky;top:50px;background-color: #18BC37;height: 60px;">
</view>
<view style="height:1500px;background-color: #FF005F;">
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>
更多关于uni-app nvue 定位模式 position: sticky; 与 vue 不一致 整理示例代码的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
确实存在
更多关于uni-app nvue 定位模式 position: sticky; 与 vue 不一致 整理示例代码的实战教程也可以访问 https://www.itying.com/category-93-b0.html
