Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Сделать кнопку Вниз

Сделать кнопку Вниз


     30.07.2011    Шаблоны (TPL)    3830

вопрос
Привет всем,Все уже знают про кнопку "Вверх", я уже себе поставил) а вот хочу ещё аналог этой кнопки-кнопку вниз,каким кодом нужно вызвать эту функцию?

или хотя бы код что бы сайт опустился до комментариев новости,я помню встречал что то подобное.

Ответил: Wow-man


На примере шаблона PISCES:
ищем в main.tpl внизу строку
<a href="#" onclick="scroll(0,0); return false" class="thide toptop">

ключевой кусок кода в скобках указывает на координаты, куда будем подниматься l(0,0) - то есть на данном примере поднимаемся в левый верхний угол
если в скобках цифры изменить, например, вот так
(0,100000)
то при нажатии на кнопку, будем опускать вниз, пока вертикальные пикселы не достигнуть числа 100000

Зная это, сможете налепить таких кнопочек на любой вкус и цвет :)

Вообще то для того, чтобы прокрутить до комментариев достаточно вот такой ссылки
<a href="#comment">тык</a>
Отредактировал 1-08-2011, 00:45 - ПафНутиЙ
Причина: дополнил ответ

Комментарии пользователей (3)

udaRNik
13 | 15

udaRNik - 31 июля 2011 22:33 - Юзер

Спасибо! полезный сайт! создайте и книгу отзывов,думаю уже их будет прилично)))

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 31 июля 2011 22:46 - Админ


Каков вопрос - таков и ответ. Просто помните об этом.

klaf
1

45 | 40

klaf - 5 апреля 2012 19:35 - Юзер

<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up">
<img src="http://andercomp.ru/up.png" alt="В верх страницы"
title="В верх страницы" border="0"/></div>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down">
<img src="http://andercomp.ru/down.png" alt="В низ страницы "
title="В низ страницы" border="0"/></div>


      <script type="text/javascript">
        jQuery(function() {
            var overelem = jQuery('body');

            jQuery('#nav_up').fadeIn('slow');
            jQuery('#nav_down').fadeIn('slow');  

            jQuery('#nav_down').click(
              function (e) {
jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
              }
            );
            jQuery('#nav_up').click(
              function (e) {
jQuery('html, body').animate({scrollTop: '0px'}, 800);
              }
            );
            });
        </script>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы