L'écran initial du mobile ne défile pas

Question

Le modèle que j'utilise ne permet pas le défilement en cours de chargement. Vous ne pouvez toucher le défilement qu'après avoir sélectionné un élément de menu réduit. Une fois que vous revenez en haut, il se "verrouille" de nouveau (pour ainsi dire).

La zone principale qui semble être indéchiffrable est un curseur. Quelqu'un peut-il me dire ce que je dois faire pour que ce site soit défilable en charge?

Toute information est grandement appréciée.

Le site est ici ... http://www.slicemfg.com

<div id="home">     
      <div class="tp-banner-container"> 
       <div class="tp-banner" >     
        <ul> 
         <!-- THE FIRST SLIDE --> 

         <li data-transition="zoomout" data-slotamount="4" data-masterspeed="700"> 
          <img src="images/1.jpg" alt="" /> } 
          <!-- THE CAPTIONS IN THIS SLIDE --> 
          <div class="caption big-text lft" 
           data-x="center" 
           data-y="350" 
           width="10px" 
           data-speed="700" 
           data-start="700" 
           data-easing="easeOutExpo"> 
        <div class="big-text"><span4>YOUR IDEAS REALIZED</span4></br><div><a class="button3 scroll" href="#contact">CONTACT US</a></div></div> 
          </div> 
         </li> 

         <li data-transition="zoomout" data-slotamount="1" data-masterspeed="700"> 
          <img src="images/14.jpg" alt="" /> 
          <div class="just_pattern"></div> 

          <div class="caption big-text lft" 
           data-x="center" 
           data-y="center" 
           data-speed="700" 
           data-start="700" 
           data-easing="easeOutExpo"><div class="big-text"><span4>YOUR IDEAS REALIZED</span4></br><div><a class="button3 scroll" href="#contact">CONTACT US</a></div></div> 
          </div> 

         </li> 


         <li data-transition="zoomout" data-slotamount="1" data-masterspeed="700"> 
          <img src="images/07.jpg" alt="" /> 
          <div class="just_pattern"></div> 

          <div class="caption big-text lft" 
           data-x="center" 
           data-y="center" 
           data-speed="700" 
           data-start="700" 
           data-easing="easeOutExpo"><div class="big-text"><span4>YOUR IDEAS REALIZED</span4></br><div><a class="button3 scroll" href="#contact">CONTACT US</a></div></div> 
          </div> 

         </li> 



         <li data-transition="zoomout" data-slotamount="1" data-masterspeed="700">      
          <img src="images/04.jpg" alt="" /> 
          <div class="just_pattern"></div> 


          <div class="caption big-text lft" 
           data-x="center" 
           data-y="center" 
           data-speed="500" 
           data-start="500" 
           data-easing="easeOutExpo"><div class="big-text"><span4>YOUR IDEAS REALIZED</span4></br><div><a class="button3 scroll" href="#contact">CONTACT US</a></div></div> 
          </div> 
         </li> 
        </ul> 
       </div> 
      </div>        
     </div> 

Answer 1

Pour résoudre ce problème, vous devez ajouter à votre touchenabled:"off", config révolution.

Votre config devrait ressembler à ceci:

(function($) { "use strict"; 
var revapi; 

jQuery(document).ready(function() { 

    revapi = jQuery('.tp-banner').revolution(
     { 
      delay:5000, 
      startwidth:2000, 
      startheight:500, 
      soloArrowRightVOffset:50, 
      soloArrowLeftVOffset:50, 
      hideThumbs:0, 
      onHoverStop:"off", 
      navigationType: "none", 
      fullWidth:"off", 
      fullScreen:"on", 
      fullScreenOffsetContainer: "", 
      touchenabled:"off" //Disable touch events. 
     }); 

}); //ready 

}) (jQuery);