Fatal编程技术网
  • html/
  • Html 跳转到同一页的不同部分并留有页边空白

Html 跳转到同一页的不同部分并留有页边空白

html css

Html 跳转到同一页的不同部分并留有页边空白,html,css,Html,Css,我正在使用下面的代码跳转到 基本上，当你点击链接时，它会跳转到该部分，但我的浮动导航会阻止标题。如何使页面“跳转”到“section1”，但有50页边距 编辑：这些都是可以接受的解决方案，但我忘了提到我正在使用一个名为“”的插件来创建这些链接。我不精通javascript，需要知道在插件代码中修改什么来添加这些解决方案 我使用了您的特定页面，并提出了一个体面的解决方案。实际具有锚id的应具有位置的样式：相对；顶部：-100px和具有实际文本的内部应该是位置：相对；顶部：100px。这会使文本

我正在使用下面的代码跳转到
基本上，当你点击链接时，它会跳转到该部分，但我的浮动导航会阻止标题。如何使页面“跳转”到“section1”，但有50页边距

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

我使用了您的特定页面，并提出了一个体面的解决方案。实际具有锚id的
应具有
位置的样式：相对；顶部：-100px
和具有实际文本的内部
应该是
位置：相对；顶部：100px
。这会使文本显示在正常情况下的位置，但会使锚定链接发送到文本上方一点的位置。您可以使用精确的数字，直到它看起来完全符合您的喜好。

我使用了您的特定页面，并提出了一个像样的解决方案。实际具有锚id的
应具有
位置的样式：相对；顶部：-100px
和具有实际文本的内部
应该是
位置：相对；顶部：100px
。这会使文本显示在正常情况下的位置，但会使锚定链接发送到文本上方一点的位置。你可以玩精确的数字，直到它看起来完全像你喜欢的

section1:target {margin-top: 50px}

：target
伪类在URL中有id时应用属性

：target
伪类在URL中有id时应用属性。

像这里一样修复导航块像这里一样修复导航块 
section1:target {margin-top: 50px}