Question

我正在使用bootstrap affix js plugin并且效果很好。我遇到的问题是当我更改主体以使用自定义字体（Google: Lato）时，它会完全关闭锚定位置。

词缀链接导致页面上的错误位置，滚动时页面不再与词缀侧边栏对齐。它总是偏离100px左右。

即

body { font-family: 'Lato', helvetica, arial, sans-serif; color: #221e1e; font-weight: 300; line-height: 150%; }

我确信还有另一种方法来补偿新的较小字体或行高，但我还没有找到它。

如果我将整个身体的线高提高到300，那就可以了，除了间距太可怕了。所以我试图仅在持有锚点的标题上调整线条高度。

h2 .mw-headline { line-height: 330%; }

它几乎可以工作，除了它仍然在第一个链接上，它感觉有点hackish。我确定有一个正确的方法来解决这个问题，我只是不确定那是什么。

Answer 1

如果您使用较少或较少的话，您可以使用Bootstrap的自定义变量修复此问题。

在你的情况下，它类似于：

@baseFontFamily: 'Lato', helvetica, arial, sans-serif;
@textColor: #221e1e;
@baseLineHeight: 20px;