初始移动屏幕不滚动答案

【问题标题】：initial mobile screen doesn't scroll初始移动屏幕不滚动
【发布时间】：2017-10-18 01:02:48
【问题描述】：

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

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

非常感谢任何信息。

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

【问题讨论】：

标签： css responsive-design responsive

【解决方案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);

【讨论】：