首页 > 解决方案 > 图像比较滑块在移动设备上无法正常工作

问题描述

我正在从头开始构建一个网站,我正在使用 W3 中的以下代码来实现图像比较滑块:https ://www.w3schools.com/howto/howto_js_image_comparison.asp

我在我的网站上成功实现了它,它在桌面浏览器上运行良好。但不幸的是,它在某些移动设备上效果不佳。

如果您在 samsung tab 3 或任何其他三星设备(甚至其他品牌)上尝试它,一旦您“触摸”滑块,它就不会移动,除非您在不同位置再次“触摸”,滑块会移动到那个位置。它更像是点击这里和那里而不是滑块。

我尝试使用 javascript 进行调试(这里不是专家),但我并没有真正找到结论性的东西。我看到“鼠标”和“触摸”事件都得到了管理......

您可以通过转到上面的链接直接测试它并转到开发人员工具/作为 Galaxy Tab 3

标签: javascripthtmlwebslidertouch

解决方案


推荐阅读