在 iPad 上禁用滚动，但仍然可以使用输入类型=范围滑块

Question

我对在 iPad 上禁用滚动的 CSS 方法感兴趣。我正在使用范围输入类型来创建滑块，但希望防止在 iPad 的其余部分上滚动以保持主体的固定位置。

有谁有万无一失的方法吗？

Answer 1

我是个白痴……但也没有人回答这个问题。答案如下：

1. 创建一个输入类型为“range”的滑块并为其指定一个 id

2. 将以下代码添加到页面：

    document.addEventListener('touchmove', function (e) {if(e.target.id != 'slider_id'){e.preventDefault(); }}, false);