# 跨两个兄弟页面的链接不会滚动到右侧部分答案

【问题标题】：# linking across two sibling pages doesn't scroll to the right part# 跨两个兄弟页面的链接不会滚动到右侧部分
【发布时间】：2017-07-05 15:54:01
【问题描述】：

我正在使用 Bootstrap 和 Django 开发一个页面。

我有两个页面：宠物和猫。两者都在导航栏中。宠物有几个部分，包括猫。当我单击导航栏中的 Cats 时，我希望它加载 Pets 页面并向下滚动到 Cats 部分。

我的宠物页面有以下代码：

    <div class="section" id="cats">
        <div class=" centred auto">
            <h1 class="h1">Cats</h1>
            <p>Here you can find pictures of cats</p>
        </div>
    </div>

导航栏的Cats部分代码如下：

        <li class="active">
                <a class="dropdown-item" href="{% url 'pets' %}#cats">CATS</a>
        </li>

现在，当我在“宠物”页面上并单击导航栏中的“猫”时，它会向下滚动到“猫”。

当我在我的网站上的任何其他页面时，单击导航栏中的猫，它会将我带到宠物页面，但不会向下滚动。

我正在运行一个测试服务器，我已经在 Chromium、Chrome 和 Firefox 上进行了尝试。

知道为什么/如何解决这个问题吗？

【问题讨论】：

标签： html css django twitter-bootstrap

【解决方案1】：

在我的例子中，将 CSS 添加到页面的代码被证明是罪魁祸首。

页面上线后，它按预期工作。

我们认为这是动态少编译器的问题，但我们还没有进行必要的测试来查明为什么会发生这种情况。

【讨论】：