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


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


  • 相关阅读:
    第10组 Beta冲刺 (3/5)
    第10组 Beta冲刺 (2/5)
    第10组 Beta冲刺 (1/5)
    软工实践个人总结
    第03组 每周小结(3/3)
    第03组 每周小结(2/3)
    第03组 每周小结(1/3)
    第03组 Beta冲刺 总结
    第03组 Beta冲刺 (5/5)
    第03组 Beta冲刺 (4/5)
  • 原文地址:https://www.cnblogs.com/joyer-lee/p/8117750.html
Copyright © 2020-2023  润新知