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

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


     30.07.2011    Все вопросы » Шаблоны (TPL)    4118

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

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

Ответил: 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
Юзер

udaRNik - 31 июля 2011 22:33 -

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

ПафНутиЙ
Админ

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


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

klaf
Юзер

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>

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

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

наверх