什么可能导致我的页面在加载时滚动到底部？ [关闭]答案

【问题标题】：What could be causing my page to scroll to the bottom upon loading? [closed]什么可能导致我的页面在加载时滚动到底部？ [关闭]
【发布时间】：2016-10-04 14:02:49
【问题描述】：

我有一个正在为我的公司工作的项目，由于该项目不是公开的，我无法共享代码，这使得这有点困难。我正在使用 html、css 和 javascript。什么可能导致页面加载并从页面底部开始？我尝试检查 html 中是否有任何未关闭的标签，但在这方面找不到任何错误。

现在我只是通过使用 window.scrollTo(0, 0); 来解决这个问题。，但我仍然看到屏幕滚动到底部的短暂闪烁。

****编辑****

因此，在删除我的代码片段并刷新以查看导致问题的原因之后，这与我的引导选项卡有关。

我有很多区域看起来像下面的代码。如果我从 class="tab-pane active" 区域中删除所有活动类，我的网站将停止滚动到底部，但不会显示此内容。此特定面板只有一个选项卡，但将来会获得更多选项卡。

具有多个选项卡的面板我可以将活动类留在那里并且它们工作正常。

关于如何在不添加活动类的情况下让我的单个选项卡式面板显示信息的任何建议？

<div class="panel">
    <p class="subtitle">Subtitle</p>
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#aboutInfo" data-toggle="tab">Info</a>
        </li>
    </ul>
    <div class="tab-content clearfix">
        <div class="tab-pane active" id="aboutInfo">
            <div class="form-group">
                <label for="aboutNavTitle">Page Title</label>
                <input class="form-control" id="aboutNavTitle" type="text" value="About Us">
            </div>
            <label for="summernote1">Text</label>
            <div class="summernote-container">
                <div id="summernote1">
                    ........
                </div>
            </div>
        </div>
    </div>
</div>

【问题讨论】：

如果不在这里共享一些东西，就无法隔离它？
可能是网址中的 id 标签 (#somthing)？这将打开并呈现页面，然后跳转到该部分
单个选项卡式窗格的快速解决方案是删除“选项卡窗格活动”类或至少暂时将它们注释掉。只要您没有“选项卡窗格”类，就不需要“活动”类
@Medard 一旦我取消该选项卡窗格类，页面就会加载并滚动到底部。如果我有那个类，并且没有活动类，它会正常加载。

标签： javascript html css twitter-bootstrap tabs

【解决方案1】：

它可以是 url 中引用锚点的东西

www.mydomain.com/page/#anchor

或

它可以是输入上的autofocus

<input type="text" autofocus/>

或

页面加载时运行的一段javascript

window.scrollTo(0,document.body.scrollHeight);

【讨论】：