Перейти к содержимому


Как Сделать Стрелку Вниз


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Teraweb2000

Teraweb2000

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 243 сообщений

Отправлено 17 Ноябрь 2015 - 16:20

На сайте реализована кнопка вверх. Как аналогично сделать, кнопку вниз, что бы она была симметрично вверху и опускала страницу вниз. Заранее спасибо. Аккаунт SL-300930

#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Ноябрь 2015 - 18:46

Просмотр сообщенияTeraweb2000 (17 Ноябрь 2015 - 16:20) писал:

На сайте реализована кнопка вверх. Как аналогично сделать, кнопку вниз, что бы она была симметрично вверху и опускала страницу вниз. Заранее спасибо. Аккаунт SL-300930

Здравствуйте
Попробуйте, пожалуйста, сделать следующее:
В шаблоне html найдите данный код:

<p id="back-top">
		<a href="#top"><span></span>Вверх</a>
</p>

И замените его вот этим вот кодом:

<p id="back-bottom">
		<a href="#bottom"><span></span>Вниз</a>
</p>
<p id="back-top">
		<a href="#top"><span></span>Вверх</a>
</p>


После чего в самый конец шаблона main.js добавьте, пожалуйста, следующий код:

$(document).ready(function(){
				$("#back-bottom").hide();
				$(function () {
						$(window).scroll(function () {
								if ($(this).scrollbottom() > 250) {
										$('#back-bottom').fadeOut();
								} else {
										$('#back-bottom').fadeIn();
								}
						});
						$('#back-top a').click(function () {
								$('body,html').animate({
										scrollbottom: 0
								}, 800);
								return false;
						});
				});
		});


#3 Teraweb2000

Teraweb2000

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 243 сообщений

Отправлено 19 Ноябрь 2015 - 00:15

Не помогло.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Ноябрь 2015 - 01:24

Данный вопрос обсуждался на форуме, инструкция по реализации:
http://forum.storela...ет/#entry126280




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных