Закрепленные закладки конфликтуют с фиксированной навигацией в верхней части страницы

0

Это моя первая публикация здесь. Я искал какое-то время для ответа на этот вопрос, и теперь я перехожу к этой доске, потому что мне это было полезно в прошлом.

Мотив страницы, которую я разрабатываю, - это веб-сайт с прокруткой на одну страницу (вроде http://www.kitchensinkstudios.com/).

Я реализовал фиксированную навигацию вверху, около 70 пикселей в высоту. Ниже я создал разделы, которые ссылаются на навигацию. Идея состоит в том, чтобы щелкнуть ссылку в навигаторе, и страница будет прокручиваться до выбранной секции. Проблема в том, что из-за автоматического характера прокрутки внутренних закладок непосредственно в верхней части страницы!, Это отсекает большинство контента.

Я попытался добавить скрытые div или сломать теги с добавлением верхних значений к рассматриваемым разделам, но, не считая подходящего расстояния от верхней части страницы, он создает непрозрачный фон с тем же значением, что и заполнение.

Есть ли у кого-нибудь предложения для этого?

В идеале, когда вы выберете ссылку, вызванный раздел будет плавать примерно до середины страницы.

Огромное спасибо всем, кто дает этот шанс!

Теги:
bookmarks
vertical-scrolling

1 ответ

1
Лучший ответ

Поведение по умолчанию для браузеров - это прокрутка привязки к вершине порта представления.

Если вы смещаете якорь вертикально вверх, вы должны найти, что он снизит содержание на равную сумму.

Вы можете сделать это, указав положение якоря как "относительное" и присвоив атрибуту "верхний" отрицательное значение, например

<a style="position:relative; top: -70px;" name="myAnchor"></a>

Кажется, что некоторым браузерам нужен якорь, извлеченный из нормального потока, который решается простым перемещением элемента.

<a style="float: left; position:relative; top: -70px;" name="myAnchor"></a>

Вы должны найти, что линия выше работает для FireFox, Chrome и InternetExplorer.

Ещё вопросы

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