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

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