我正在使用bootstrap affix js 插件,效果很好。我遇到的问题是,当我将正文更改为使用自定义字体(谷歌:Lato)时,它会完全关闭锚点位置。
词缀链接导致页面上的位置不正确,并且页面在滚动时不再与词缀侧边栏对齐。它总是关闭 100px 左右。
IE。
body { font-family: 'Lato', helvetica, arial, sans-serif; color: #221e1e; font-weight: 300; line-height: 150%; }
我确信还有另一种方法可以补偿新的较小字体或行高,但我还没有找到。
如果我将整个身体的 line-height 提高到 300,它可以正常工作,只是间距很糟糕。因此,我尝试仅在包含锚的标题上调整行高。
h2 .mw-headline { line-height: 330%; }
它几乎可以工作,除了它在第一个链接上仍然关闭并且感觉有点骇人听闻。我确信有一种适当的方法来处理这个问题,我只是不确定那是什么。