当前位置: 首页 > news >正文

固安县城乡和住房建设局网站樱花bt引擎

固安县城乡和住房建设局网站,樱花bt引擎,雄安投资建设集团有限公司网站,建设网站证书查询当打开页面的bounces开关来实现下拉刷新和上翻加载是,如果页面中有scroll-view,那么手指上下滑动时弹动会触发,而滚轴无法正常实现,只有按住不动再拖动滚轴才会触发。开始想通过获取手指点击屏幕的坐标点设置触发条件来解决两者的…

        当打开页面的bounces开关来实现下拉刷新和上翻加载是,如果页面中有scroll-view,那么手指上下滑动时弹动会触发,而滚轴无法正常实现,只有按住不动再拖动滚轴才会触发。开始想通过获取手指点击屏幕的坐标点设置触发条件来解决两者的冲突,但是貌似APICloud无法实现,目前我的方案是做成了两层,底层触发弹动,上层放置scroll-view。在底层的scrolltobottom事件中通过sendEvent向上层传递参数,上层页面监听来加载上翻的事件。

        以上方法可以解决弹动与滚轴冲突的问题,但是实际操作时会出现手指上下滑动时上层页面不跟着操作上下移动,这个问题我没有找到方法解决。所有我自己加了页面的移动动画(api.animation)来模拟页面的移动,当然还是不太协调,只能通过duration: 100的设置尽量去模拟。

apiready() {

        api.openFrame({

            name: 'trade_list',

            url: '../trade/trade_list.stml',       //打开上层的页面

            rect: {

                x: 0,

                y: 90,  

                w: 'auto',

                h: api.winHeight - 120

            }

        });

//下拉刷新

        api.setRefreshHeaderInfo({

            visible: true,

            bgColor: '#fff',

            textColor: '#e1017e',

            showTime: true

        }, function (ret, err) {

            api.animation({

                name: 'trade_list',

                duration: 100,

                curve: 'linear',

                autoreverse: true,

                alpha: 0.6,

                translation: {

                    x: 0,

                    y: 50,

                    z: 0

                },

                scale: {

                    x: 1.2,

                    y: 1,

                    z: 1

                },

                rotation: {

                    degree: 45,

                    x: 0,

                    y: 0,

                    z: 1

                }

            }, function (ret, err) {

                api.alert({

                    msg: '动画结束'

                });

            });

            api.refreshHeaderLoadDone();

        });

//上翻加载

        api.addEventListener({

            name: 'scrolltobottom',

            extra: {

                threshold: 10            //设置距离底部多少距离时触发,默认值为0,数字类型

            }

        }, function (ret, err) {

            api.animation({

                name: 'trade_list',

                duration: 200,

                curve: 'linear',

                autoreverse: true,

                alpha: 0.6,

                translation: {

                    x: 0,

                    y: -50,

                    z: 0

                },

                scale: {

                    x: 1.2,

                    y: 1,

                    z: 1

                },

                rotation: {

                    degree: 45,

                    x: 0,

                    y: 0,

                    z: 1

                }

            }, function (ret, err) {

                api.sendEvent({

                    name: 'myEvent',

                    extra: {

                        key1: 'value1',

                        key2: 'value2'

                    }

                });

            });

http://www.ritt.cn/news/10112.html

相关文章:

  • 关于做摄影网站郑州seo外包顾问
  • 做网站带微好吗网络优化工程师工资
  • smartgov政府网站管理系统破解版竞价排名推广
  • 张家港网站设计制作自己的网站怎么推广
  • 做电影网站怎么盈利网页自动点击软件
  • 兴化网站建设百度推广在哪里
  • 新乡网站的建设色盲测试图 考驾照
  • 手机网站制作费百度平台商家联系方式
  • 客户端 网站开发 手机软件开发网络优化初学者难吗
  • 香港空间电影网站不用备案网站推广平台
  • 做网站一万外链免费发布平台
  • 手机网站用什么语言开发seo广告优化
  • 开展网络营销的企业seo技术培训教程
  • 东莞商贸公司寮步网站建设价格东莞免费网站建设网络营销
  • 个人站长还有什么类型的网站可以做什么是sem推广
  • 如何做网站的网页设计网站大全
  • 网站开发武胜招聘seo行业
  • 海口网站制作案例最新域名解析
  • 江门网站推广优化网页设计html代码大全
  • 济南正规做网站公司九江seo
  • 酒类网站建设今日油价最新
  • 政府网站建设领导讲话稿自助搭建平台
  • 网站排名按天付费微帮推广平台怎么加入
  • 服务器和域名如何做网站seo优化网站的注意事项
  • 网站建设和淘宝店装修是不是一样今日小说排行榜百度搜索风云榜
  • 做网站 中介网络宣传推广方案范文
  • 买服务器做网站主机免费域名注册二级域名
  • 做京东网站需要哪些手续费企业推广app
  • 响应式网站发展整站seo服务
  • 动态网站开发 文献综述东莞搜索网络优化