小程序 WXS响应事件（滚动菜单栏tab吸顶）

小程序 WXS响应事件（滚动菜单栏tab吸顶）

解决问题：
网上很多在页面滚动事件中处理的方式都会有在安卓端性能非常差，吸顶效果反应迟钝，不流畅等问题。
注意的问题：
滚动视图组件设置了style ='height：100％;'属性，导致每次滚动都不是滚动视图组件滚动，而是页面的滚动。给滚动视图组件设置一个比较大的数字值可以触发wxs响应函数的执行
页面使用scroll-view滚动代替页面滚动之后，上拉下拉加载之类的都要用scroll-view的事件来处理https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
实例：

WXML文件



    
        首页
        活动
        菜单
        我的
    

...
WXS文件
var funcA = function (e, ins) {
    // console.log('source is', JSON.stringify(source))
    var scrollTop = e.detail.scrollTop
   var topHeight = e.currentTarget.dataset.topHeight
   var windowHeight = e.currentTarget.dataset.windowHeight
    if (scrollTop > topHeight ) {
        ins.selectComponent('.page-group').setStyle({
            "background-color": 'c'
        }).addClass('page-group-fixed')
    } else {
        ins.selectComponent('.page-group').setStyle({
            "background-color": 'rgba(00, 00, 00, ' + Math.max(0, (scrollTop) / 100) + ')'
        }).removeClass('page-group-position')
    }
}
module.exports = {
    funcA: funcA
}