初始手机屏幕不会滚动

时间:2017-10-17 04:25:42

标签: css css3 responsive-design responsive

我使用的模板不允许在加载时滚动。选择折叠的菜单项后,您只能触摸滚动。一旦你滚动到顶部它就会锁定"再次(可以这么说)。

似乎不可滚动的主要区域是滑块。任何人都可以告诉我我需要做些什么来使这个网站在加载时可滚动?

非常感谢任何信息。

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

enter image description here

1 个答案:

答案 0 :(得分:0)

要解决此问题,您需要将dest添加到革命配置中。

您的配置现在应如下所示:

touchenabled:"off",

})(jQuery的);