初始移动屏幕不滚动

Question

我使用的模板不允许在加载时滚动。您只能在选择了折叠菜单项后触摸滚动。一旦你回滚到顶部，它会再次“锁定”（这么说）。

似乎是不可滚动的主要区域是一个滑块。任何人都可以告诉我需要做什么才能使该网站在加载时可滚动吗？

任何信息，非常感谢。

该网站是在这里... 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

要解决这个问题，你需要添加touchenabled:"off",到你们的革命配置。

你的配置现在看起来应该是这样：

(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的）;