Это моя первая публикация здесь. Я искал какое-то время для ответа на этот вопрос, и теперь я перехожу к этой доске, потому что мне это было полезно в прошлом.
Мотив страницы, которую я разрабатываю, - это веб-сайт с прокруткой на одну страницу (вроде http://www.kitchensinkstudios.com/).
Я реализовал фиксированную навигацию вверху, около 70 пикселей в высоту. Ниже я создал разделы, которые ссылаются на навигацию. Идея состоит в том, чтобы щелкнуть ссылку в навигаторе, и страница будет прокручиваться до выбранной секции. Проблема в том, что из-за автоматического характера прокрутки внутренних закладок непосредственно в верхней части страницы!, Это отсекает большинство контента.
Я попытался добавить скрытые div или сломать теги с добавлением верхних значений к рассматриваемым разделам, но, не считая подходящего расстояния от верхней части страницы, он создает непрозрачный фон с тем же значением, что и заполнение.
Есть ли у кого-нибудь предложения для этого?
В идеале, когда вы выберете ссылку, вызванный раздел будет плавать примерно до середины страницы.
Огромное спасибо всем, кто дает этот шанс!
Поведение по умолчанию для браузеров - это прокрутка привязки к вершине порта представления.
Если вы смещаете якорь вертикально вверх, вы должны найти, что он снизит содержание на равную сумму.
Вы можете сделать это, указав положение якоря как "относительное" и присвоив атрибуту "верхний" отрицательное значение, например
<a style="position:relative; top: -70px;" name="myAnchor"></a>
Кажется, что некоторым браузерам нужен якорь, извлеченный из нормального потока, который решается простым перемещением элемента.
<a style="float: left; position:relative; top: -70px;" name="myAnchor"></a>
Вы должны найти, что линия выше работает для FireFox, Chrome и InternetExplorer.