微信小程序左右联动之高度计算

2020-02-16 20:02:09

微信小程序左右联动之高度计算的问题

在小程序中使用rpx作为高度。

在滚动中计算当前的滚动距离处在哪一个高度区间内。

这样就引出一个问题， 不同大小的手机，他的rpx计算出的最终结果 px是不同的，这就导致了不同的手机下，滚动会出现误差的现象。

怎么解决？

很简单，只要算出宽高的比例就行，按照不同的比例进行缩放，就解决了这个问题。

比如： 代码中高度是 240rpx 那么他在6s中表现出来的高度就是 120px 是个二倍的关系。 通过微信API可以获得当前机型的高度

    let windowWidth = wx.getSystemInfoSync().windowWidth;
    // 计算正确的比例
    // scale = windowWidth / 750;
    // 结果高度(px) = scale * 240rpx;