Записи Друзья Комментарии
marishka57v
Аватар marishka57v

 -Музыкальный плеер



плеер собран приложением V.exeR'а

 -Кнопки рейтинга «Яндекс.блоги»

 -Интересы

видео кино кулинария магия музыка.здоровье психология воспитание юмор семья нумерология приколы рейки руны таро фото

 -Сообщества

Участник сообществ (Всего в списке: 42) Кремлевская_диета ПОИСК_ПРАВДЫ БагЛи Рамки_для_днева Темы_и_схемы опекАй Рецепты_домохозяек Наши_рецептики О_детях Всем_Вкусно БУДЬ_ЗДОРОВ Ветеринарный_кабинет УспешнаяДомохозяйка Царство_Кулинарии Всё_для_блога Обречены_на_Счастье Секреты_здоровья Цитируем_Тут Усы_лапы_и_хвост РЫЖИЙ_КОНЬ Все_о_Таро Кошколюбам ЛиРу Книжный_БУМ Картинки_для_днева Стихи_любимых_поэтов Gala-Feya_and_Photoshop Котомания Школа_кулинара Руны Сама_овца Это_Смешно Лучшее_Для_Цитатника -HochuVseZnat- Любимый_Дизайн_Дневников Сообщество_Творческих_Людей Школа_славянской_магии Вкусно_Быстро_Недорого Creative_Designs Только_для_мужчин Только_для_женщин Книга-лучший_друг
Читатель сообществ (Всего в списке: 18) _ПрОсТо_ДлЯ_ВаС_ ПОМОЩЬ_НОВИЧКУ Темы_и_схемы_для_Вас Магия_рун Учимся_вместе_ЛиРу Все_о_Таро Школа_Иггдрасиль Сила_ведьм -Дизайны_от_МяУ- Evernote_Ru Кино-Видео-На-Лиру Mimi_Kids Photoshopinka WiseAdvice Мир_клипарта О_Самом_Интересном Школа_славянской_магии Рецепты_блюд

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 15.05.2011
Записей: 10810
Комментариев: 1782
Написано: 14154


Как сделать прокрутку в начало страницы

Суббота, 13 Июля 2013 г. 19:20 + в цитатник



Моментальный переход в начало страницы.

Используется блок #header, который традиционно размещен в начале любой веб-страницы. Располагаем текстовую ссылку внизу страницы:

<div class="top">
<a title="перейти в начало страницы" href="#header">наверх</a>
</div>

Плавная прокрутка в верх страницы с использованием jQuery.

При необходимости, добавляем код, который обеспечивает эффект плавного прокручивания страницы:

<script>
$(document).ready(function() {
  $('a[href=#header]').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
  });
});
</script>

Пример перехода (без jQuery) внизу слева. Пример перехода с эффектом плавной прокрутки на главной странице.


Источник
Рубрики:  Дневник на ЛиРа/уроки на ЛиРе
уроки на ЛиРе
Дневник на ЛиРа/дневник
дневник
Интересные сайты/ интересные сайты
интересные сайты
Дневник на ЛиРа/ оформление дневника
оформление дневника
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте