小程序有弹窗出现时，底部禁止页面滚动

xml

<scroll-view class='extra-word' scroll-y="{{isScroll}}">

//页面内容

</scroll-view>

 

js

Page({

// 页面的初始数据

data: {

isScroll: true

},

sidebarDrawer: function (e) {

var currentStatu = e.currentTarget.dataset.statu;

this.side(currentStatu)

},

side: function (currentStatu) {

/* 动画部分 */

// 第1步：创建动画实例

var animation = wx.createAnimation({

duration: 6000, //动画时长

timingFunction: "linear", //线性

delay: 0 //0则不延迟

});

// 第2步：这个动画实例赋给当前的动画实例

this.animation = animation;

// 第3步：执行第一组动画

animation.translateX(-234).step();

// 第4步：导出动画对象赋给数据对象储存

this.setData({

animationData: animation.export()

})

//关闭

if (currentStatu == "close") {

this.setData(

{

showSideStatus: false,

isScroll: true

}

);

}

// 显示

if (currentStatu == "open") {

this.setData(

{

showSideStatus: true,

isScroll: "{{false}}"}//只有{{false}}才能起作用，用false没反应

);

}

}

})

转载于:https://www.cnblogs.com/joyer-lee/p/8117750.html