【问题标题】: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);

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-11-17
      • 1970-01-01
      • 2015-01-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多