美文网首页
微信小程序scroll-view的坑

微信小程序scroll-view的坑

作者: 我叫Aliya但是被占用了 | 来源:发表于2018-07-11 12:06 被阅读106次

    在scroll-view中不能使用flex布局!!!
    在使用横向滚动时,发现不能滚动,解决方法:

    scroll-view{
      display: block;
      overflow: scroll;
      white-space: nowrap; 
    }
    scroll-view item{
      display:inline-block;
    }
    

    scroll-left无效,没有找到解决办法,只是说不能全flex,可我并没有用

    所以我用了scroll-into-view,它依然无效,网上的解决方法:
    “不能全flex,要在组件渲染完成后,动态的改变(setData)这个scroll-into-view的值,才会跳到索引位置”
    这个网上的方法是用来解决竖向滚动的,并没有解决我的问题

    坑2 hidden

    在flex布局中无效,鬼知道还会在哪里无效

    坑3 组件样式

    在组件名下写没有,要在 组件名 > 类名 下写

    坑4 web-view

    url有中文或标点、特殊符号,必须编码,否则空白页

    坑4 判断h5是否在小程序环境内

    官网给出的 window.__wxjs_environment === 'miniprogram' 在部分安卓机上失效

    // 说明不在微信中 || 没有wx对像
        if (navigator.userAgent.indexOf('MicroMess') == -1 || !(wx && wx.miniProgram)) {
          // 走不在小程序的逻辑 
        } else {
          wx.miniProgram.getEnv(function(res) {
            if (res.miniprogram) {
              // 走在小程序的逻辑
            } else {
              // 走不在小程序的逻辑
            }
          })
        }
    

    相关文章

      网友评论

          本文标题:微信小程序scroll-view的坑

          本文链接:https://www.haomeiwen.com/subject/bkchpftx.html