De esto obtuve mi div para desplazarme horizontalmente.
overflow-x:scroll; white-space: nowrap;Sin embargo, en dispositivos móviles, este div también se desplaza cuando se toca el contenido, solo quiero que se desplace cuando se toca la barra de desplazamiento.
La razón es que el contenido div tiene un control deslizante que también debe desplazarse y el usuario debe ser preciso para tocar el control deslizante.
Solo quiero que se desplace el div cuando se toca la barra de desplazamiento. ¿Es eso posible?
Mejor
Pruebe a continuación, he agregado una position: fixed dentro del div de desplazamiento y reduje el ancho de la barra de desplazamiento del ancho total.
.scroll{ overflow-x:scroll; white-space: nowrap; height: 200px; position: relative; } .scroll .overlay{ position: fixed; top: 0; left:0; width: calc(100% - 30px); height: 200px; } <div class="scroll"> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p> <p>a</p><p>a</p> <div class="overlay"></div> </div>