title: Javascript touchmove event on scroll element
body: <p>so, I have a problem about getting element to moving on touchmove event.</p>
  
  <p>this is my code :</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;this is long Text&lt;/li&gt;
      &lt;li&gt;this is long Text&lt;/li&gt;
      &lt;li&gt;this is long Text&lt;/li&gt;
      &lt;li&gt;this is long Text&lt;/li&gt;
  &lt;/ul&gt;
  
  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);
  
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/kfwwdaqd/7/" rel="nofollow">this is how it look</a></p>
  
  <p>how to make this things move on touchmove event? </p>
  
  <p>just like play.google.com mobile view do on their game product images?</p>
  
  <p>i know it's moving if i click/touch on scrollbar, what i supposed to do here,</p>
  
  <p>it's moving if i touch and move on UL element not the scrollbar.</p>
  
  <p>thanks you..</p>