Различные IT услуги

HTML, Заметки

Как сделать наверх страницы (он же якорь)

Простейший способ, сделать переход наверх страницы это разместить пустую ссылку:

<a name="top"></a>

после тега body,  а внизу страницы ссылку:

<a href="#top">наверх страницы</a>

Так написано справочнике HTML.

Если бы, не один минус…все было бы заепись:).. Переход по такой ссылке запишется в историю и, чтобы вернуться на предыдущую страницу, нужно нажать «Назад» два раза, согласитесь, это раздражает. Да еще и в конце адреса странички прибивается #top, это, не есть гуд. В Internet Explorer 5.0, если переходишь по такому якорю, исчезает название

страницы в заголовке и появляется ейное имя. Я, обычно, делаю так:

<a href="#" onClick="scroll(0,0); return false;">наверх страницы</a>

или так:

<a href="javascript:scroll(0,0)">наверх страницы</a>

А в чем разница, спросите? Хм, есть такой метод: window.scroll(x,y). Благодаря ему, можно промотать страницу на нужное, кол-во пикселов по горизонтали и аналогично, по вертикали. Обнуляя, эти два параметра, мы заставим страницу проскролится в начало. Чтобы при переходе по ссылке в адрес страницы ничего не добавлялось, возвращаем false.
Можно, еще подстраховаться. Вместо href=»#» пишем href=»#top», размещаем якорь

<a name="top"></a>

Т.е., если скрипты у пользователя будут выключены, наш якорь, все равно сработает.

Читайте также  Делаем выпадающее меню

Добавить комментарий