文章/答案/技术大牛

发布

社区首页 >问答首页 >自举视差平滑滚动问题

问自举视差平滑滚动问题
EN

Stack Overflow用户

提问于 2014-09-30 12:58:50

回答 1查看 659关注 0票数 0

我已经创建了一个带有引导js框架的页面，但是页面滚动非常慢，当我们使用它向下滚动时，也会向上滚动。

如果有人能告诉我如何才能滚动这一页，我将无法找到任何解决方案。

下面是代码片段

<body>
    <div id="custom-navbar" class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-brand">
                <img src="imgs/logo.png">
            </div>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
            </button>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="custom-navbar-ul">
                    <li class="hoverY"><a href="#">HOME</a></li>
                    <li class="hoverY"><a href="#">BENEFITS</a></li>
                    <li class="hoverY"><a href="#">APPSBRITE<br>
                        WIDGET</a></li>
                    <li class="hoverY"><a href="#">PLACEMENT<br>
                        GUIDE</a></li>
                    <li class="hoverY"><a href="#">BLOG</a></li>
                    <li class="hoverY"><a href="#">ABOUT</a></li>
                    <li class="hoverN">
                        <button type="button" id="sign-up" class="btn btn-sm">
                            <a href="#">SIGN UP</a></button></li>
                    <li class="hoverN">
                        <button type="button" id="sign-in" class="btn btn-sm">
                            <a href="#">SIGN IN</a></button></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="main">
        <div id="home-1" class="section" data-index="1" style="position: absolute; top: 0%;">
        </div>
        <div id="home-2" class="section" data-index="2" style="position: absolute; top: 100%;">
        </div>
        <div id="home-3" class="section" data-index="3" style="position: absolute; top: 200%;">
        </div>
        <div id="home-4" class="section" data-index="4" style="position: absolute; top: 300%;">
        </div>
        <div id="home-5" class="section" data-index="5" style="position: absolute; top: 400%;">
        </div>
        <div id="home-6" class="section" data-index="6" style="position: absolute; top: 500%;">
            <div id="footer">
                <div id="copyright">
                </div>
            </div>
        </div>
    </div>
</body>

有关页面示例，请参阅http://jainert.5gbfree.com/

您将找到示例页面。

html

twitter-bootstrap-3

scroll

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-30 18:18:39

这和靴带没有任何关系。

阅读脚本的文档。使用脚本w/o读取文档是不明智的。

https://github.com/alvarotrigo/fullPage.js/

$(document).ready(function(){
    $('#main').fullpage({
        scrollOverflow: false,
        easing: 'easeInOutExpo',
        autoScrolling: true,
        scrollingSpeed: 1200, /* change this value to control the speed*/
        slidesNavigation: true
});

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26121486

复制

相似问题

问自举视差平滑滚动问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自举视差平滑滚动问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自举视差平滑滚动问题
EN