链接到div但有保证金

Question

我正在使用Slicknav JQuery插件创建一个简单的应用程序来制作适合移动设备的菜单。 您可以在此处看到示例：http://jsbin.com/UqUloNO/7

里面有四个div：home - second - third - 4th。 当我点击链接时，它会正确进入菜单。 但是菜单涵盖了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;">

内联，因为您正在使用外部样式表。