To_Young 2015-09-16 01:59 采纳率: 0%
浏览 1673

swpie js库 写的移动端触摸滑动 很急啊!

我手动滑动一次后,它就不自动滑动了。大神们!求解啊!图片说明图片说明

  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-04 08:44
    关注

    以下回答参考 皆我百晓生券券喵儿 等免费微信小程序相关内容作答,并由本人整理回复。

    这个问题是由于滑动事件在移动设备上被禁用了导致的。

    解决方案:

    1. 在HTML中添加滑动事件监听器。
    <div id="slide" onmousedown="startSlide(event)">
    
    1. 在JavaScript中处理滑动事件。
    function startSlide(e) {
      // 获取滚动条的位置
      var position = document.body.scrollTop || document.documentElement.scrollTop;
      e.preventDefault();
      // 设置滑动速度
      var speed = 50; // 单位px/秒
      // 开始滑动
      animate(position, speed);
    }
    
    // 动画函数
    function animate(from, to, duration) {
      var startTime = new Date().getTime();
      var interval = setInterval(function() {
        var currentTime = new Date().getTime();
        var progress = (currentTime - startTime) / duration;
        var position = from + Math.round(progress * to);
        document.body.scrollTop = position;
        if (position === to) {
          clearInterval(interval);
        }
      }, 10);
    }
    

    现在,当用户开始滑动时,滑动事件会触发startSlide函数,并使用一个动画来模拟滑动效果。请注意,这个例子中的animate函数仅用于演示目的,请根据您的具体需求进行调整。

    评论

报告相同问题?