Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Шаблоны (TPL) » Сделать кнопку Вниз

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


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

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

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

Ответил: 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 - ПафНутиЙ
Причина: дополнил ответ

4 комментария

udaRNik
Юзер

udaRNik - -

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

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

ПафНутиЙ - -


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

klaf
Юзер

klaf - -

<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>

Akvamary
Юзер

Akvamary - -

Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема: сделала скролл на странице вниз к комментариям, но если, после того как спустился к комментам, подняться вверх, то отображается не весь контент (он как бы обрезается). Пример: https://prnt.sc/td5zuu

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

наверх