#css
#css
Вопрос:
На моем одностраничном веб-сайте в http://s361608839.websitehome.co.uk/pt-build/templatebuild / если вы нажмете на пункт верхнего меню, страница прокручивается вниз до каждого раздела на странице.
Проблема при прокрутке верхняя часть страницы закрывает верхнюю часть разделов.
Могу ли я что-нибудь сделать с моим CSS, чтобы это не происходило?
Спасибо.
Ответ №1:
Замените часть вашего поля отступом. При переходе вниз по странице к таким местам привязки, как это, он переходит к краю внутреннего поля, за пределы заполнения и внутри границы / поля. Что вам нужно сделать, так это переместить эту воображаемую строку вверх от содержимого внутри div, поэтому увеличьте отступы и уменьшите некоторое поле, чтобы сохранить работоспособность дизайна.
Я немного поиграл с вашим сайтом, изменил, чтобы посмотреть, как это будет работать для вашего раздела trainingsessions, я получил этот CSS:
margin-top: 0;
padding: 120px 350px 30px 0;
Ответ №2:
Чтобы настроить его с помощью чистого CSS, добавьте дополнительные 151 пиксель (высоту вашего #topwrap элемента) к padding-top каждой навигации div . Затем вычтите 151 пиксель из margin-bottom каждой предыдущей навигации div .
Упрощенная версия этого (вам нужно будет выполнить математические вычисления, чтобы заставить его работать с уже существующими полями и отступами) будет выглядеть следующим образом:
#div1 { /* first navigable div */
margin-bottom: -151px;
}
#div2 { /* all intermediate navigable divs */
padding-top: 151px;
margin-bottom: -151px;
}
#div3 { /* last navigable div */
padding-top: 151px;
}
Кроме того, вы можете настроить положение прокрутки в javascript на высоту #topwrap 151 пикселей .