当顶部消失时，单击锚链接使滚动返回顶部不可能

Question

从昨天开始，我一直遇到锚链接问题。我在此页面顶部有锚点链接：http://instabasik.com/icon-web-fonts

每当我点击一个，它会按预期跳到页面上的锚点，但滚动到顶部是不可能的，页面的顶部就会丢失！

知道为什么会这样吗？我认为这可能是一个引导错误。该页面建立在bootstrap 3 ...

上

Answer 1

row类有overflow: hidden;导致此行为。

将overflow: visible;添加到包含mainRow类的div：

更改：<div class="row mainRow">

进入：<div class="row mainRow" style="overflow: visible;">

要修复身高问题，请从.equalHeightCol

中删除边距和填充

.equalHeightCol {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

Answer 2

这是您网站上的CSS的问题，而不是引导程序。 需要从CSS或HTML标记中删除equalHeightCol类。

.equalHeightCol {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

此代码导致此问题。要在此后将表格分隔符一直移到底部，请从padding-bottom CSS中删除.mainRow。

.mainRow {
    margin-bottom: 0;
    padding-bottom: 2em;
}