使用边距

Question

我正在使用以下代码跳转到this page

的不同部分

<span id="section1">
<a href="#section1"></a>

基本上，当您点击链接时，它会跳转到该部分，但我的浮动导航会阻止标题。如何使页面“跳转”到“section1”但是有50个边距？

编辑：这些是可以接受的解决方案，但我忘了提到我使用名为“Table of Contents Plus”的插件来创建这些链接。我不熟悉javascript，需要知道在插件代码中修改什么来添加这些解决方案。

Answer 1

我使用了您的特定页面和this answer来提出一个不错的解决方案。实际拥有锚ID的JObject obj = ...; var secondHeader = obj["DISK"]["header"].Last(); 应该具有<span>的样式，而具有实际文本的内部position: relative; top: -100px应该是<strong>。这会导致文本出现在正常情况下，但会导致锚链接向您发送一些文本。您可以使用确切的数字进行播放，直到看起来完全符合您的喜好。

Answer 2

# Create some dummy data. I created one with 822 values instead of 821 because 821 is not divisible without remainder by 3.
vec.dummy <- sample(1:100, 822, replace = TRUE)

# Use the values and create a matrix with 3 columns.
mat.dummy <- matrix(vec.dummy, ncol = 3, byrow = TRUE)

# Take the row means of each row.
rowMeans(mat.dummy)

section1:target {margin-top: 50px} 伪类在URL中包含id时应用属性。