Html 部分自动高度的滚动问题（整页）_Html_Css_Twitter Bootstrap_Fullpage.js

Html 部分自动高度的滚动问题（整页）

html css twitter-bootstrap

Html 部分自动高度的滚动问题（整页）,html,css,twitter-bootstrap,fullpage.js,Html,Css,Twitter Bootstrap,Fullpage.js,我的数据菜单在小屏幕上有一些问题。当我在桌面视图上时，我的锚可以正常工作，但当我缩小窗口大小并转到responsiveWidth时，我的链接开始混乱。例如，当我单击4时，窗口变为4，然后单击2，窗口变为2，但当我从那里单击3时，它会一直向上滚动，直到我的第一页的一半。但如果我点击导航栏的最后一页，然后点击第三页，它就会转到第三页。这有点取决于女巫的顺序，我点击每个按钮，它的工作情况如何前一段时间我没有这个问题，但后来我做了一些改变，现在我不记得那是什么了。我的猜测是，它与元素的位置有关，但我不

我的数据菜单在小屏幕上有一些问题。当我在桌面视图上时，我的锚可以正常工作，但当我缩小窗口大小并转到

responsiveWidth

时，我的链接开始混乱。例如，当我单击4时，窗口变为4，然后单击2，窗口变为2，但当我从那里单击3时，它会一直向上滚动，直到我的第一页的一半。但如果我点击导航栏的最后一页，然后点击第三页，它就会转到第三页。这有点取决于女巫的顺序，我点击每个按钮，它的工作情况如何

前一段时间我没有这个问题，但后来我做了一些改变，现在我不记得那是什么了。我的猜测是，它与元素的位置有关，但我不确定。我知道可能很难准确地指出问题所在，但我希望您能提供一些提示，告诉我这里可能存在什么问题，或者如何找到问题所在

编辑：进一步调查后，由于

部分fp auto height

和

mycontainer

的原因，我的页面似乎没有覆盖整个窗口（应该如此），锚定显示的页面要么在窗口底部，要么在顶部。因此，当我从下到上滚动时，我的页面/部分会锚定在屏幕的顶部，但它们仍然可以锚定在屏幕的底部。所以问题可能是我不能让页面总是滚动到我的部分的顶部，而不是中间的某个地方

编辑2一些图片以使其更清晰

应该是什么样子：

情况如何：


切换导航







Kqweqweqwe
qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe qwe eqwe qwe qwe qwe
2.
我们qweqwe qwe qeq我们qweqw EQWE qwe qwe qweq weq

请确保使用最新版本的fullpage.js 2.7.8yea iv'e。但是因为我以前没有这个问题，我不认为它与不同版本的事物有任何关系。它似乎只有在我从上到下滚动时才会发生，反之亦然。似乎我的锚的位置在第2页和第3页被搞乱了。几乎就好像每个部分的顶部都比mycontainer的大小延伸得更远一样，在JSFIDLE或codepen中提供在线复制。

<body>
<nav class="navbar navbar-default">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-container">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbar-container">
        <ul id="menu">
            <li data-menuanchor="firstPage"><a href="#firstPage" title="knapp" id="logo">asdasd</a></li>
        <li data-menuanchor="secondPage" id="2"><a href="#secondPage">2/a></li>
        <li data-menuanchor="thirdPage" id="3"><a href="#thirdPage">3</a></li>
            <li data-menuanchor="4thpage" id="4"><a href="#4thpage">4</a></li>
            <li data-menuanchor="5thpage" id="5"><a href="#5thpage">5</a></li>
            <li data-menuanchor="lastPage" id="5"><a href="#lastPage">5</a></li>
        </ul>
    </div>
</nav>
<div id="fullpage">
    <div class="section" data-menuanchor="firstPage">
        <div id="main" class="mainfront">
            <div class="row">
                <div class="midmain">
                    <div class="col-sm-5"></div>
                    <div class="col-sm-4">
                        <h1>Kqweqweqwe</h1>
                        <p>qwe qwe qwe qweqw eqwe qwe qwe qwe qwe qwe qwe qwe qweqw eqwe qw eqw eqw eqwwe</p>
                    </div>
                    <div class="col-sm-3"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="section fp-auto-height" data-menuanchor="secondPage">
        <div id="main" class="mainfilo">
            <div class="mycontainer">
                <div id="myheader"></div>
                <div class="row">
                    <div id="head-text">   
                            <h3>2</h3>
                    </div>
                </div>
                <div class="row">
                    <div id="mid-text" class="dark-text">
                        <div class="col-md-3 col-md-push-6">
                            <p>w qweqwe qwe qeq we qweqw eqw qwe qwe qwe qweq weq</p>
                        </div>
                        <div class="col-md-6 col-md-pull-3">
                            <div id="bild" class="bildfilo"></div>
                        </div>
                        <div class="col-md-4"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>