Открытие страницы на определенной позиции прокрутки

108

Robodog

27 сентября 2011, 14:19

15730

Доброго времени суток!

На определенном сайте имеется большая по вертикали красивая шапка. Требуется сделать так, чтобы при открытии не-главных страниц страница открывалась не с самого верха, а на определенном месте полосы вертикальной прокрутки. Чтобы и шапка не терялась, и пользователю листать страницу не приходилось каждый раз.

Движок вордпресс, но думаю тут чисто HTML/CSS-вопрос. Хотя если есть плагин какой, то хорошо.

Желательно с помощью CSS.

Заранее благодарен за ответ.

T

67

Toy

27 сентября 2011, 14:33

#1

Ставьте анкоры:

<a name="content"></a>

http://something.com/#content

ДП

203

Дикий пионер

27 сентября 2011, 14:47

#2

Через # можно к любому элементу прокручивать, у которого есть id, не обязательно именно якоря ставить.

T

67

Toy

27 сентября 2011, 14:52

#3

Дикий пионер:
Через # можно к любому элементу прокручивать, у которого есть id, не обязательно именно якоря ставить.

Вы правы, а это по стандарту и работает во всех браузерах? Я этот способ просто ни разу не использовал.

B

38

Bearburger

27 сентября 2011, 15:11

#4

Toy:
Вы правы, а это по стандарту и работает во всех браузерах? Я этот способ просто ни разу не использовал.

Вот цитата о якорях из рекомендаций W3C HTML4

An anchor name is the value of either the name or id attribute when used in the context of anchors.

108

Robodog

27 сентября 2011, 18:38

#5

Благодарю. Про анкоры знал, думал может существует более элегантное решение, без передачи www.site.ru/pagename#anchor. Вроде того, чтобы через CSS страница сама прокручивалась.

ДП

203

Дикий пионер

28 сентября 2011, 04:43

#6

Чисто на css - вряд ли, а вот на js - http://demos.flesler.com/jquery/scrollTo/

65

Codd

28 сентября 2011, 04:57

#7

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

http://www.samborsky.com/news/294/

Блог (https://codd-wd.ru/)

108

Robodog

10 октября 2011, 15:08

#8

Спасибо, Дикий пионер, Codd за фейспалм и ссылку. Пригодилось решение вида:

window.onload = function()

{

window.scrollTo( 0, 550 );

}

</script>

Вопрос закрыт.

Зачем быть уникальным в мире, где все можно скопировать

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи