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


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没反应
);
}
}
})



免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM