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

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

14 Апреля 2013 20:28

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

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

Coder

Сообщений: 10600 Регистрация: Мар 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

Новые темы	Объявления	Свободное общение
12:55 AviTool - мощный инструмент для автоматизации работы с Avito 15:19 Refmate — сервис для взаимного обмена ссылками 13:06 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 08:27 Ищу специалистов	10:54 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 10:07 BestChange – обменивать электронную валюту можно быстро и выгодно 07:42 CoinCapital 04:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:13 Аккаунт работодателя 22:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 21:19 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ!	12:49 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь 23:55 Добро пожаловать в цифровой мир...

Новые темы

Объявления

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

12:55 AviTool - мощный инструмент для автоматизации работы с Avito
15:19 Refmate — сервис для взаимного обмена ссылками
13:06 Продвижение по ключам
09:47 Adsense личный опыт
13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
08:27 Ищу специалистов

10:54 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру)
10:07 BestChange – обменивать электронную валюту можно быстро и выгодно
07:42 CoinCapital
04:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
23:13 Аккаунт работодателя
22:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
21:19 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ!

12:49 Всего п онемногу
12:45 Куплю проигрышные букмекерские аккаунты
11:55 Union Pharm - топовая фарма-партнерка для профессионалов!
17:09 Точные прогнозы на футбол
10:00 Ну что, кто куда деваете свои сайты?
16:22 Компьютерная мышь
23:55 Добро пожаловать в цифровой мир...

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	Кнопка вверх, в Опере отображается постоянно, и нет плавного скроллинга при нажатии...