title: Can We Scroll fixed 3 List item item on one time scroll using iscroller
body: <p>Please Help me to scroll fixed list item using iscroll. i am working on a project in which i want to scroll three LIST Item on one time scroll using iscroller. I allready tryed to scroll with scrollTo, ScrollToPage, ScrollToElement function of iscroller but it didn't work for me so please help me to scroll the fixed length item on one time user scroll.I am working on android project and i am using iscroll4 to scroll the element.</p>
  
  <p>My Cade Is Like This...</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  
  
  &lt;style&gt;
  .span8{
      position: absolute;
      width:630px;
      height:100px;
      overflow:auto;
  
  }
  .menu{
      float:left;
      width:200px;
      height:100px;
      background-color:red;
      margin-left:10px;
  }
  #scroller{
      width:3000px;
  }
  &lt;/style&gt;
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script src="js/libs/iscroll.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
  var isScrolling = false;
          myScroll = new iScroll('headerWrapper',{
              snap: 'li',ome Wor
              hScrollbar: false,
              vScrollbar: false ,
              momentum: true,
              vScroll: false,
              onScrollMove : function(e){
  //               clearHeaderInterval();
  //                myScroll.scrollTo(50, 0);
  //                myScroll.refresh();
  
                  console.log('onScrollMove===============&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;');
                  isScrolling = true;
  
                 // here get the device type and version
                  if(deviceType() == 'android'){
                      var deviceVersion = device.version;
  
                      console.log(" deviceType is ===&gt;&gt;"+deviceVersion);
                      if(deviceVersion=='4.1' || deviceVersion=='4.1.1'|| deviceVersion=='4.1.2'){
                          console.log("android version is ===&gt;&gt;"+deviceVersion);
                       setTimeout(function(){
                          myScroll.refresh(); }, 1000);
                      }
                  }
                 // setTimeout(function(){myScroll.refresh();},0);
                  },
  
          });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="span8 marginleft mid-menu-panel" id="headerWrapper"&gt;
                  &lt;div id="scroller"&gt;
                      &lt;ul id="tabitems"&gt;
                          &lt;li class="dropdown-toggle menu click_h"  id="home"&gt;
                              Home
                          &lt;/li&gt;
  
                          &lt;li class="dropdown-toggle menu click_h"  id="word" &gt;
                              Word
  
                          &lt;/li&gt;
  
                          &lt;li class="dropdown-toggle menu click_h"  id="sentences"&gt;
                              Sentence
                          &lt;/li&gt;
  
                          &lt;li class="dropdown-toggle menu click_h"  id="icon"&gt;
                              Icon
                          &lt;/li&gt;
  
                          &lt;li class="dropdown-toggle menu click_h"  id="question"&gt;
                              Question
                          &lt;/li&gt;
  
                          &lt;!--&lt;li class="dropdown-toggle menu click_h" id="write_words"&gt;--&gt;
                              &lt;!--Write--&gt;
                          &lt;!--&lt;/li&gt;--&gt;
                          &lt;li class="dropdown-toggle menu click_h" id="level" &gt;
                              Level
                          &lt;/li&gt;
                          &lt;li class="dropdown-toggle menu click_h" id="config/" &gt;
                             Configuration
  
  
                          &lt;li class="dropdown-toggle menu click_h" id="info" &gt;
                              Info
                          &lt;/li&gt;
  
                          &lt;/li&gt;
                          &lt;li class="dropdown-toggle menu click_h"  id="website"&gt;
                              Web Services
                          &lt;/li&gt;
  
                          &lt;li class="dropdown-toggle menu click_h" id="help" &gt;
                              Help
                          &lt;/li&gt;
  
                          &lt;!--td width="20"&gt;
                          &lt;div class="buttons next"&gt;
                          &lt;button class="btn btn-large right_arrow" type="button"&gt;
                          &lt;i class="icon_right_arrow"&gt;&lt;/i&gt;
                          &lt;/button&gt;
                          &lt;/div&gt;&lt;/td--&gt;
  
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>