]]> ]]>

Уважаемые посетители!
Здесь, я буду писать, статьи-заметки(свои и из инета), показавшиеся, мне интересными. Писать, буду, своими словами и возможно, с использованием неприличной лексики. Приношу извинения тем, кого, это будет коробить..


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

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

<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>
Т.е., если скрипты у пользователя будут выключены, наш якорь, все равно сработает.

11.04.2008. 06:30

Эта статья еще не была коментирована.

Написать коментарий

* = обязательное поле

:

:

:


9 + 5 =





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

Русификация vBulletin

Как известно, Джелсофт запретил, zCarotу выкладывать свои русификаторы.
Ну а мне нет... По ссылкам ниже, качаем русики, для свежих версий vBulletin и говорим за них, спасибо Морковке.
Русификаторы для vBulletin 3.7.3: cp1251 | utf8
Русификаторы для vBulletin 3.6.11: cp1251 | utf8

Последние заметки

Спецсимволы в html(таблица) (html)
Прячем ссылку в форме (html)
Коментарии к коду - что это? (html)
Как сделать тонкую таблицу (html)
Сравнение WYSIWYG-редакторов 2007 (полезнячок)