zoukankan      html  css  js  c++  java
  • 小程序有弹窗出现时,底部禁止页面滚动

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


  • 相关阅读:
    Java EE部分-- 各框架对比与项目优化
    Java EE部分--Mybatis
    Java EE部分--MVC
    Java EE部分--Hibernate、Struts
    Java EE部分--spring(二)
    Java EE部分--spring(一)
    IO和NIOAIO
    JDK、 反射

    线程(二)
  • 原文地址:https://www.cnblogs.com/joyer-lee/p/8117750.html
Copyright © 2011-2022 走看看