Posted 22 мая, 201410 yr comment_63866 Это тема поддержки статьи: Кнопка "Наверх" как в Контакте. Здесь вы можете обсудить все вопросы, связанные с этой статьёй. Дата добавления статьи: 22 Май 2014 - 17:13 Дата обновления статьи: 22 Май 2014 - 17:13 Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/ Share on other sites Больше вариантов
19 июля, 201410 yr comment_68473 Вместо треугольника "вверх" отображается знак вопроса, как исправить проблему? Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=68473 Share on other sites Больше вариантов
29 июля, 201410 yr comment_68999 Не работает! ipb 3.4.5 Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=68999 Share on other sites Больше вариантов
29 июля, 201410 yr comment_69006 Вместо треугольника "вверх" отображается знак вопроса, как исправить проблему? Видимо в кодировках вашего форума нет этого символа. Замените треугольник на удобный вам знак, найдя в скрипте: ▲ Вверх Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69006 Share on other sites Больше вариантов
29 июля, 201410 yr comment_69007 Не работает! ipb 3.4.5 Опишите суть проблемы более подробно. Экстрасенсов тут нет! Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69007 Share on other sites Больше вариантов
29 июля, 201410 yr comment_69011 Всё нормально. Криво стал хук jQuery. Переставил его и заново добавил код. Круто теперь. Удобно просто не понятно как без этого жил! Спасибо! Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69011 Share on other sites Больше вариантов
29 июля, 201410 yr comment_69015 А еще предложение сделать такую же кнопку справа, только "ВНИЗ". Иногда очень не хватает. Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69015 Share on other sites Больше вариантов
29 июля, 201410 yr comment_69016 А еще предложение сделать такую же кнопку справа, только "ВНИЗ". Иногда очень не хватает. Ага! Точняк. Мне тож такая идея нравится. Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69016 Share on other sites Больше вариантов
30 июля, 201410 yr comment_69019 А еще предложение сделать такую же кнопку справа, только "ВНИЗ". Иногда очень не хватает. Ага! Точняк. Мне тож такая идея нравится. Переписывайте код.... Бесплатно, думаю (именно думаю!) никто не сделает Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69019 Share on other sites Больше вариантов
30 июля, 201410 yr comment_69029 Как добавить кнопку разобрался. Но вот теперь нужно прокрутку вниз сделать. А для этого нужно вводить определения размера окна, а потом scrollTop до этой величины, т.к. не существует scrollBottom . Выделили жирным этот кусок для замены. Помогите, ибо я не программист. <script type="text/javascript"> jQuery(document).ready(function() { // Виджет кнопки вниз (Test-Templates) // Версия 1.0 jQuery('body').append('<div class="button-down" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▼ Вниз</div>'); jQuery (window).scroll (function () { if (jQuery (this).scrollTop () > 50) { jQuery ('.button-down').fadeIn(); } else { jQuery ('.button-down').fadeOut(); } }); jQuery('.button-down').click(function(){ jQuery('body,html').animate({ scrollTop: 0 }, 800); return false; }); jQuery('.button-down').hover(function() { jQuery(this).animate({ 'opacity':'1', }).css({'background-color':'#e7ebf0','color':'#6a86a4'}); }, function(){ jQuery(this).animate({ 'opacity':'0.7' }).css({'background':'none','color':'#d3dbe4'});; }); }); </script> Edited 30 июля, 201410 yr by vsved Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69029 Share on other sites Больше вариантов
30 июля, 201410 yr comment_69030 Поставил большое значение scrollTop: 50000 Криво конечно, но крутит до самого низа! Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69030 Share on other sites Больше вариантов
31 июля, 201410 yr comment_69113 Вот окончательный вариант кнопки вниз! Пользуйте! <script type="text/javascript"> jQuery(document).ready(function() { // Виджет кнопки вниз (Test-Templates) // Версия 1.0 jQuery('body').append('<div class="button-down" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▼ Вниз</div>'); jQuery (window).scroll (function () { if (jQuery (this).scrollTop () >= 0) { jQuery ('.button-down').fadeIn(); } else { jQuery ('.button-down').fadeOut(); } }); jQuery('.button-down').click(function(){ jQuery("html, body").animate({ scrollTop: jQuery("#fast_reply_wrapper").offset().top }, 800); return false; }); jQuery('.button-down').hover(function() { jQuery(this).animate({ 'opacity':'1', }).css({'background-color':'#e7ebf0','color':'#6a86a4'}); }, function(){ jQuery(this).animate({ 'opacity':'0.7' }).css({'background':'none','color':'#d3dbe4'});; }); }); </script> Идет прокрутка вниз до окна "Ответить" Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69113 Share on other sites Больше вариантов
1 августа, 201410 yr comment_69129 jQuery('.button-down').click(function(){ jQuery("html, body").animate({ scrollTop: jQuery(document).height() }, 800); return false; }); И всё-таки, вот так лучше. Ибо нет окна "Ответить" на главной странице. Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69129 Share on other sites Больше вариантов
7 декабря, 20149 yr comment_75327 Эта кнопка у меня появляется только при наведении мыши. А как сделать что бы она появлялась без наведения? Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=75327 Share on other sites Больше вариантов
18 декабря, 20149 yr comment_76213 Работает на 3.4.х НО не перед </head> , а после, так же есть такая проблема, если опуститься вниз, потом нажать кнопку "вверх" и после нажать "изменить сообщение", то редактирование будет в html, а не как обычно. При этом если нажать "отмену" и снова нажать "изменить", то редактирование будет обычное. Link to comment https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=76213 Share on other sites Больше вариантов
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.