收藏
回答

input导致布局的position:fixed失效

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug input 客户端 iOS 6.6.6 2.0.0


<view style='  position: fixed;top:0;width: 100%;  background-color: red'>

<input placeholder='搜索' >input>

view>


<block wx:for="{{lists}}">

<view>{{item}} view>

block>


//lists:[1,2,3,4,5,6,7,8,9,0,1, 2, 3, 4, 5, 6, 7, 8, 9, 0,1, 2, 3, 4, 5, 6, 7, 8, 9, 0,1, 2, 3, 4, 5, 6, 7, 8, 9, 0,1, 2, 3, 4, 5, 6, 7, 8, 9, 0]

最简单的效果:真机测试一开始,输入框是不会随着页面滑动而滚动的,而一旦搜索框获取到焦点,则 position:fixed就无效了,这是已知bug,还是??请帮忙看一下!




补充代码片段:wechatide://minicode/oqlWcqmw6eZj

最后一次编辑于  2018-04-28  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 娇华
    娇华
    2018-04-27

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-04-27
    赞同
    回复 1
    • 水精灵
      水精灵
      05-14

      这个问题我也遇到了,附代码如下:




      <view class='border' style='margin-bottom: 15rpx;margin-top: 15rpx;' wx:for="{{pojosNew}}" wx:key="ID" >

      <view class='flex-row'>

      <view style='width:16%'>

      <text>耗材</text>

      </view>

      <view class="border" style='width:74%'>

      <icon size='20' type='search' bindtap="dicProduct" id="{{index+1}}" data-pojos="pojosNew" style='position:absolute;right:13%;'></icon>  

      <input style='margin-right:60rpx;' disabled="true" name='PRODUCT_INFO_{{index+1}}' value='{{item.PRODUCT_INFO}}'/>  

      <input class='hide' name='PRODUCT_ID_{{index+1}}' />

      </view>

      <view style='width:10%'>

      <text class="iconfont icon-refresh" style='font-size:60rpx;color:green' id="{{item.ID}}" bindtap='resetDetail'></text>

      </view>

      </view>

      <view class='flex-row'>

      <view style='width:16%'>

      <text>单价</text>

      </view>

      <view class="border" style='width:16%'>

      <input name='PRICE_{{index+1}}' value='{{item.PRICE}}' id="{{index+1}}" data-pojos="pojosNew" data-col="PRICE"  bindinput='checkDetailPriceSl'/>

      </view>

      <view style='width:16%'>

      <text>数量</text>

      </view>

      <view class="border" style='width:16%'>

      <input name='SL_{{index+1}}' value='{{item.SL}}' id="{{index+1}}" data-pojos="pojosNew" data-col="SL" bindinput='checkDetailPriceSl'/>

      </view>

      <view style='width:16%'>

      <text>金额</text>

      </view>

      <view class="border" style='width:20%;background:#f0f0f0;'>

      <input name='TOTAL_{{index+1}}' disabled='true' value='{{item.TOTAL}}' />

      </view>

      </view>

      </view>

      </view>

      <view style="height:100rpx;">

      </view>

      <view class='flew-col' style='width:98%;margin-left:1%;position:fixed;bottom:1rpx;background:#ffffff;'>

      <button type="primary" form-type="submit">提交</button>

      </view>


      05-14
      回复
  • 水精灵
    水精灵
    05-14

    请问有解决吗?最后是如何解决的?我也遇到这个问题



    按钮 没有盖住 input 组件

    05-14
    赞同
    回复