Большинство современных сайтов имеют довольно объемные страницы, не помещающийся в экран по вертикали конткнт, и как следствие посетителям приходится периодически крутить колесо мышки для прокрутки страниц вверх или вниз, но все же чаще вверх, ведь вверху обычно главное меню и прочие важности. И чтобы облегчить посетителям жизнь, достаточно внизу страницы добавить ссылку, можно и даже лучше ссылку с изображением, при клике по которой страница сайта будет сама плавно прокручиваться вверх. Для этого достаточно всего пары строк кода на jQuery.
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
Не забудьте в теге ссылки прописать ее ID. В приведенном выше коде это «#top», а код ссылки будет примерно такой:
Наверх
или ссылка с изображением:
Вот уже долгое время мучаюсь вопросом: сделать мне такое у себя или нет. Обычно мне оно НЕ НРАВИТСЯ, потому что закрывает край контента или сайдбара, а сама я отлично листаю страницы без мыши (кто не умеет, берусь обучить бесплатно, но только первых троих :) ). В то же время оно встречается так часто, а иногда его буквально просят; а ещё я заметила, что на ВКонтакте мне эта прокрутка даже полюбилась (можно одной рукой подпирать голову, а другою — клацать мышью). Так и не знаю, нужна ли такая стрелка моему блогу или нет, а если нужна — то как её впихнуть, чтоб ничего не загораживала.
Вариантов как сделать так, чтобы кнопка или ссылка ничего не загораживали, много. Я скоро выложу примеры.