域名绑定空间后 一般多久能打开网站,广州微信网站建设市场,网站导航颜色,营业推广名词解释当移动端使用fixed定位自定义nav栏时#xff0c;安卓端正常固定在可视窗顶部#xff0c;但是ios端当有input输入#xff0c;弹出软键盘时#xff0c;会将nav顶出可视区#xff0c;因为在ios上#xff0c;不是相对于浏览器窗口定位的#xff0c;而是相对于最近的可滚动区…当移动端使用fixed定位自定义nav栏时安卓端正常固定在可视窗顶部但是ios端当有input输入弹出软键盘时会将nav顶出可视区因为在ios上不是相对于浏览器窗口定位的而是相对于最近的可滚动区所以就会导致软键盘弹出时跟随内容一起滚出去了 解决一 //pages.json 配置style style: {//手机软键盘升起不让其将页面头部上推app-plus: {softinputMode: adjustResize}},当我们配置完后会发现ios端解决了顶出的问题很棒但接着新问题又出现了软键盘弹出时滚动页面自定义nav栏又跟着跑了(︿̫̿☆)怎么办呢我们可以监听页面滚动事件当页面滚动时就收起软键盘这样就不会跟着跑啦 input classinput v-modeloneTopic.value :adjust-positionfalse inputonInputValue() ///监听页面滚动事件export default {data() {isInput: false},onPageScroll(res) {console.log(页面滚动了, res)if (!this.isInput) {uni.hideKeyboard() //隐藏软键盘}},methods: {onInputValue() {this.isInput true}}} 你们一定会问为啥多了个isInput的判断因为实测发现当input框被软键盘挡住时输入会触发页面滚动事件真是离谱为了解决这个问题我们可以监听页面input的输入事件当输入时赋值给isInput这样就能判断是真实页面滚动还是输入事件这样一个不完美的解决方案就完成了 (ps: 截取的关键代码没测试有问题大概就是这个解决思路)