Javascript 网页单指滚动-什么技术？工作实例？

设置：

我有一个网站，是在本地托管的桌面电脑，我有一个触摸屏连接到该桌面。该网站使用Firefox在触摸屏上查看

要求：

• 在触摸屏上为我的网站启用一个手指滚动
• 它的行为应该与iPhone的单指滚动当前的工作方式完全相同
• 它只需要在Firefox中工作

问题：

• 在这种情况下，最好的技术是什么？（JQuery/Javascript/CSS？）
• 你能为我提供一个工作示例/解决方案吗

---

非常感谢。

我会让你找出其中的细微差别，但类似的东西会给你一个想法

$(function(){

    var dragYStart;
    var dragScrollStart;
    $(window).one('mousedown',startDrag);

function startDrag(e){
    dragYStart = e.pageY;
    dragScrollStart = $(window).scrollTop();
    $(window).on('mousemove',drag);
    $(window).one('mouseup',stopDrag);
}
function stopDrag(e){
    $(window).off('mousemove',drag);
    $(window).one('mousedown',startDrag);
}
function drag(e){
    var delta = dragYStart - e.pageY;
    $(window).scrollTop(dragScrollStart + delta);
}

});

已存档“iColl”库。子孙后代见： [存档/只读]

截至2021年5月18日，所有链接均低于404。

---

对于iOS风格的触摸感应设备（在桌面上也很有效）滚动是一个很好的解决方案

将有问题的触摸设备指向此演示url：

特色包括：

• 收缩/缩放
• 向上/向下拉以刷新
• 提高速度和动量
• 捕捉到元素
• 自定义滚动条

-通过

使用“我的”js插件 我还有滑动事件处理程序：D

它在手持设备上不起作用，但在桌面上效果很好，而且非常简单

---

我做到了：D

更新。。。今天早上发现的。这可能正是你想要的

---

我很确定触摸滚动是在驱动程序级别实现的，而不是在内容级别。触摸滚动基本上相当于用鼠标做同样的单指触摸滚动运动，我相信。。。因此，这难道不应该在捕捉鼠标事件（又称普通的网络技术）之类的事情上实现吗？您目前如何在有问题的触摸屏上滚动网页？作为对

touch

事件是否有效的快速测试（我的钱在“是”上），在您的设备上导航到。关于iScroll 4的更多信息。@Code-公平，同意不同意。那么，到底是谁制造了这个有问题的设备呢？除了一个小问题外，这个功能非常好。需要滚动的列表是巨大的，因此滑动和释放的特性对于获得一个长的、连续的滚动是非常重要的。这是这段代码所没有的。当你放开手指时，它会立即停止滚动。请看我的新答案，我想我为你找到了一个现成的解决方案。嘿，亚当，谢谢你的更新，尝试了这个库，但不幸的是它不起作用（+1用于添加可能适用于其他人的新解决方案！404 Not Found此库已由其所有者存档：此答案已更新为archive.org快照和相应的[archive]Github repo链接。