Javascript touchmove событие на элементе прокрутки

Question

поэтому у меня есть проблема с тем, чтобы элемент перемещался по событию touchmove.

это мой код:

<ul> 
    <li>this is long Text</li> 
    <li>this is long Text</li> 
    <li>this is long Text</li> 
    <li>this is long Text</li> 
</ul> 

ul {list-style:none; overflow-y:scroll; white-space:nowrap; } 
ul li {display:inline-block; width:600px; margin-right:10px; } 

document.getElementsByTagName("ul")[0].addEventListener("touchmove", function(e) { 
     var touch = e.touches[0] || e.changedTouches[0]; 
      var elm = this.offsetLeft; 
      var x = touch.pageX - elm; 

      this.scrollLeft = x; 
       console.log(x); 

}); 

this is how it look

как сделать это вещи двигаться дальше TouchMove событие?

так же, как play.google.com mobile view делать на своих продуктах изображения продукта?

я знаю, что движется, если я нажимаю/коснуться скроллинга, что я должен сделать здесь,

он движется, если я потрогать и двигаться по UL элемент не скроллбара.

благодарит Вас ..

Answer 1

Вы просто должны использовать колесико, расслоение плотной

$('ul').mousewheel(function(event, delta) { 
    this.scrollLeft -= (delta * 20); 
    event.preventDefault(); 
}); 

"20" представляет собой скорость. preventDefault гарантирует, что страница не будет прокручиваться вниз. Работы на сенсорных устройствах. Нажмите для прокрутки.

Вот пример: demo