2012-03-08 2 views
1

У нас есть страница со списком якорей. Содержимое каждого анкера отображается в верхней части окна после нажатия навигационных кликов.Пустое место на конце страницы для последнего якоря

Однако для последнего якоря контент не будет отображаться в верхней части страницы, поскольку в конце страницы недостаточно содержимого. Следовательно, необходимо добавить пустое пространство, что создает проблему для разных размеров окон.

Есть ли способ решить проблему без пустого пространства?

Спасибо!

+2

Необходимо увидеть код или jsfiddle – freefaller

ответ

1

Нет ... если страница не достаточно длинная, щелчок по именованному якорю просто приведет ее в окно просмотра. Без тонны отступов он не будет выталкивать элемент вверху страницы.

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

2

Вы можете использовать псевдо-кластер :target для привязки стиля к хеш-части URL-адреса, что делает элемент привязки более заметным для пользователя.

Кроме того, некоторые веб-сайты имеют нижний колонтитул с огромными (с множеством авторских прав, отказ от ответственности, ссылками на архив и т. Д.), Что позволяет прокручивать страницу даже до якорей, находящихся в конце области содержимого.

Смежные вопросы