Ссылка на div, но с полем

0

Я делаю простое приложение с помощью плагина Slicknav JQuery, чтобы сделать меню для мобильных устройств. Здесь вы можете увидеть пример: http://jsbin.com/UqUloNO/7

Есть четыре div внутри: дом - второй - третий - четвертый. Когда я нажимаю на ссылку, она идет правильно в меню. Но название div находится в меню. То, что мне нужно сделать, это связать не то, где начинается div, но 50px вверх. Как я могу это сделать? Это возможно?

Спасибо!

  • 0
    это обычное дело, не волнуйтесь, используйте отступы или поля
  • 0
    Можете ли вы опубликовать свой код
Показать ещё 1 комментарий
Теги:
hyperlink
menu

2 ответа

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

является фиксированной частью, и она всегда скрывает все, что приходит пользователю. Поэтому вам нужно избегать того, что подпадает под него. Использовать отступы или поля

Поделиться
  • 0
    Я добавил div, как вы говорите: jsbin.com/UqUloNO/10/edit Для первого раздела это работает, но остальные будут работать в строке меню. Где именно я должен поставить маржу, чтобы избежать этого? Спасибо!
  • 0
    Вы должны дать место перед каждым разделом
Показать ещё 1 комментарий
0

+ Изменить

 <div id="home">

в

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

сделайте это inline, поскольку вы используете внешние таблицы стилей.

Поделиться
  • 0
    Это работает для первого раздела, но не для других.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню