Кнопка "Вверх" для сайта. Плавная прокрутка.

Сообщений: 616 Регистрация: Окт 2012

14 Апреля 2013 20:28

Есть ли кнопка Вверх, то есть что бы страница плавно поднималась вверх. Для html сайта? Недавно занимаюсь сайтами, сделал пока простенький admin-kompa.ru вот решил справа сделать кнопку "Вверх".
Теперь вопрос, возможно ли так сделать?

Изменено: Админ Компа - 14 Апреля 2013 20:29

Coder

Сообщений: 10609 Регистрация: Мар 2013

14 Апреля 2013 20:30

Smooth scroller - плавная прокрутка страниц

Кнопка вверх вниз на javascript

Быстрый подъем вверх страницы

Изменено: Coder - 14 Апреля 2013 20:54

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

Jaguar

Сообщений: 4591 Регистрация: Июл 2011

15 Апреля 2013 18:00

Кнопка "Наверх" с плавным прокручиванием

P.S. На вышеуказанном блоге еще много чего полезного есть.

Время работает на меня

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

19 Октября 2013 19:08

Зачем такие сложные методы? Я сделал > ВОТ ЭТИМ
Показался для меня самым простым и понятным... И сайт ни сколько не грузит..

Изменено: Админ Компа - 7 Декабря 2013 02:49

Petrovskii

Сообщений: 202 Регистрация: Апр 2011

8 Декабря 2013 14:55

Код

 <a style='position: fixed; bottom: 80px; right: 160px; cursor:pointer; display:none;' href='#' id='Go_Top'>
<img src="Путь до картинки" width="90px" alt="Наверх" title="Наверх"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});
$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
});
</script>

Тизерная сеть

Предвкушающий

Сообщений: 876 Регистрация: Май 2012

8 Декабря 2013 15:19

Цитата
Petrovskii пишет: Зачем такие сложные методы? Я сделал > ВОТ ЭТИМ

То что Вы сделали, плавным не как не назвать.

Проверенные скрипты и полезности для сайта© Coder

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

8 Декабря 2013 19:25

Предвкушающий, раз вы так пишите, значит вы не знаете как это работает.

Vagan Arakelyan

Сообщений: 1 Регистрация: Фев 2014

15 Февраля 2014 22:01

Ребят, помогите сделать кнопку наверх с анимацией как на этом сайте, непрерывной)

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

15 Февраля 2014 22:15

Цитата
Vagan Arakelyan пишет: Ребят, помогите сделать кнопку наверх с анимацией как на этом сайте, непрерывной)

Вот ссылка

Владислав Сеула

Сообщений: 11 Регистрация: Фев 2014

#10

20 Февраля 2014 01:33

Спасибо всем, кто отписался. Помогли и мне smile:)

Rustam Alimov

Сообщений: 223 Регистрация: Фев 2013

#11

20 Февраля 2014 15:16

Что тут сложного?

Код
<script> $("#up").click(function(){ $("html").animate({"scrollTop":0},"slow"); }); </script>

Код
<span id=up>Кнопка наверх</span>

Ок док - сайт о медицине

skype: pro100kefir

Новые темы	Объявления	Свободное общение
15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 23:00 Продвижение по ключам	17:10 AllCharge.online. Современный, быстрый и надёжный обменник 15:24 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:48 AlwaysMoney - платформа для обмена криптовалют 14:11 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 14:10 Trustpilot Reviews \| Подниму рейтинг вашей компании 14:10 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 14:10 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?

Новые темы

Объявления

Свободное общение

15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок
23:00 Продвижение по ключам

16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру
20:43 Добро пожаловать в цифровой мир...
15:59 Про мясо
23:09 ПП от PMS remote.team - 200$ за команду
13:28 Компьютерная мышь
22:55 Ну что, кто куда деваете свои сайты?
22:34 Используете беспроводные наушники?

19.07.2016 15:58	У плеера ВК пропала кнопка "На весь экран"
27.10.2014 13:09	Нужна кнопка сбоку
30.08.2014 02:37	Не активна кнопка type=button
11.07.2013 17:21	Кнопка прилипшая к левому краю экрана.
01.06.2013 17:57	Кнопка вверх, в Опере отображается постоянно, и нет плавного скроллинга при нажатии...