移动端touch事件，计算拖动的距离

wangjikuen

我根据了文档中心http://docs.wex5.com/wex5-app-question-list-2071/这个教程，如果用户直接用手指划着，bartop元素已经可以跟随着一直飘在最上方了，但是，另一种情况，就是用户直接手指猛一下下滑或者上拉，这样的事件是没法感知的，那么，怎么样才能让scrollview中的某个组件，跟随着向下滑动的同时，一直漂浮在APP的最上方呢？就类似postion:fixed的方式

1.         Model.prototype.media1Touchstart = function(event) {
   
2.                 this.xs = event.originalEvent.changedTouches[0].pageY;
   
3.                 console.log($('.bartop').css("top"));
   
4.         };
   
5.         Model.prototype.media1Touchmove = function(event) {
   
6.                 this.xe = event.originalEvent.changedTouches[0].pageY;
   
7.                 var he = this.xs - this.xe;// 移动的距离
   
8. this.xs = this.xs - he;
   
9.                 var top = $('.bartop').css("top");// 条的高
   
10.                 top = parseInt(top) + he// 高加上移动的距离等于新的高
    
11.                 console.log(he);
    
12.                 console.log(top);
    
13.                 $('.bartop').css("top", top);}
    

复制代码

jishuang

可以自己控制拖拽，但不是不会跟着scrollview的滑动控制

拖拽可以参考/UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

显示都最上面可以用z-index控制https://zhidao.baidu.com/question/520202724485924685.html

wangjikuen

jishuang 发表于 2017-9-12 14:24
可以自己控制拖拽，但不是不会跟着scrollview的滑动控制

拖拽可以参考/UI2/system/components/justep/touc ...

没有使用scrollview了，解决不了fixed的问题，直接list放最下面，监控滚动条滚动的事件，滚动的时候，把bar放置到最前面即可。，结帖把，谢谢版主