<template>
<div>
<list id="parent" class="parent" :bounce="true" fixFreezing="true" :style="[{height: windowHeight+'px'}]">
<cell>
<view class="" style="height: 200rpx;background-color: #007AFF;"></view>
</cell>
<cell @appear="showSub" title="" note="">
<list scroll-y ref="list" class="sub" fixFreezing="true" :bounce="false" :style="[{height: windowHeight+'px'}]">
<cell title="" note="">
<view style="height: 100rpx;padding: 24rpx;">
<input type="text" placeholder="这是输入框,点击这里" />
</view>
</cell>
</list>
</cell>
</list>
</div>
</template>
<script>
export default {
onLoad(){
let {windowHeight} = uni.getSystemInfoSync();
this.windowHeight = windowHeight;
},
data(){
return {
windowHeight: 0
}
},
methods:{
showSub() {
// 注释此段代码， 输入框可点击
this.$refs.list.setSpecialEffects({
id: 'parent',
headerHeight: 200
});
}
}
}
</script>
<style>
.parent{
flex: 1;
}
</style>
l***@163.com
- 发布：2020-12-31 14:29
- 更新：2021-01-11 18:22
- 阅读：1285
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 2.9.8
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： 华为 mate30pro 5g
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
请看代码示例及demo。
nvue Android , list.setSpecialEffects设置吸顶后，list内点击input组件
请看代码示例及demo。
nvue Android , list.setSpecialEffects设置吸顶后，list内点击input组件
预期结果：
nvue Android , list.setSpecialEffects设置吸顶后，list内点击input组件弹出输入框
nvue Android , list.setSpecialEffects设置吸顶后，list内点击input组件弹出输入框
实际结果：
nvue Android , list.setSpecialEffects设置吸顶后，list内input无法使用
nvue Android , list.setSpecialEffects设置吸顶后，list内input无法使用
bug描述：
nvue Android , list.setSpecialEffects设置吸顶后，list内的input无法获取焦点，无法唤醒输入框，无法使用
