better-scroll修改源码适配移动端

之前使用better-scroll的时候，我也没有太注意到这点，直到我发现better-scroll展示的内容，在不同的机型上，展示长度不一致，现在来看看better-scroll的源码。
发现需要我们去手动做一些适配。

这里贴上我所使用的适配方法：

[]

@function px2html($px){
  $rem: 37.5px;
  @return ($px / $rem) + rem;
}

[]

function setSizeRem () {
  const width = document.documentElement.clientWidth
  let html = document.querySelector('html')
  html.style.fontSize = width / 10 + 'px'
}
setSizeRem()
window.addEventListener('resize', setSizeRem)

git clone git@github.com:ustbhuangyi/better-scroll.git sudo cnpm i 修改src/srcoll/core.js

[]

// 465行
if (this.options.useTransform) {
      this.scrollerStyle[style.transform] = `translate(${x}px,${px2Html(y)}rem) scale(${scale})${this.translateZ}`
    } else {
      x = Math.round(x)
      y = Math.round(y)
      this.scrollerStyle.left = `${x}px`
      this.scrollerStyle.top = `${px2Html(y)}rem`
    }
	
// 任意地方写上方法
function px2Html (px) {
  const rem = 37.5
  return px / rem
}

ok成功