jquery - 链接到 div 但有边距

Question

我正在使用 Slicknav jQuery 插件制作一个简单的应用程序来制作适合移动设备的菜单。

[这里][1] 你可以看到这个例子。

里面有四个div：home - second - third - Fourth。

当我点击一个链接时，它会正确进入菜单。但是 div 的标题被菜单覆盖。我需要做的是不完全链接 div 开始的位置，而是 50px 向上。我怎样才能做到这一点？那可能吗？

谢谢！

Answer 1

试试这个：

  .section{
  padding-top:50px; /*or you can use margin as well*/
    }


<div class="section" id="home"> … </div>
<div class="section" id="second"> … </div>
<div class="section" id="third"> … </div>
<div class="section" id="fourth"> … </div>

你的标题

.slicknav_menu

是固定的部分，它总是隐藏任何即将到来的用户。所以你需要避免事情发生在它之下。使用填充或边距

Answer 2

改变

 <div id="home">

到

 <div id="home" style="margin-top:55px;">

内联执行，因为您使用的是外部样式表。