離子範圍輸入防止滾動

Question

我有一堆滑塊垂直堆放在我的應用程序中。當我點擊滑動條，意圖向下或向上滾動時，它會更改滑塊值而不是滾動。

See a demo of the issue。

下面是社區成員之間的討論，但我沒有發現任何有用的有：

1. This reported issue這是與此相同的問題，但不知何故筆者在使用angular-js-slider庫堅信，看起來像它的作品的作者。我試過這個庫，問題仍然是一樣的。

2. Reported issue與所有輸入元素，而不僅僅是範圍輸入。可能是這樣解決了其他輸入類型如"text"的問題，但不適用於範圍輸入。

任何人都可以幫忙嗎？

Answer 1

在網絡上，滾動絕對不是問題，但在移動設備上，滑塊的整個水平跨度充當了滾動的障礙。

由於我在移動環境中尋找解決方案，禁用任何鼠標事件的軌跡看起來足夠我可以通過pointer-events，至少在鉻上。

input[type=range] { 
    pointer-events: none; 
} 

input[type=range]::-webkit-slider-thumb { 
    pointer-events:auto; 
} 

這裏發佈的答案一直是contributed earlier here。