Jump to content

Кнопка "Наверх" как в Контакте

Featured Replies

Это тема поддержки статьи: Кнопка "Наверх" как в Контакте. Здесь вы можете обсудить все вопросы, связанные с этой статьёй. Дата добавления статьи: 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
  • 1 месяц спустя...

Вместо треугольника "вверх" отображается знак вопроса, как исправить проблему?

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=68473
Share on other sites
  • 2 недели спустя...

Не работает!  :(  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

Вместо треугольника "вверх" отображается знак вопроса, как исправить проблему?

Видимо в кодировках вашего форума нет этого символа. Замените треугольник на удобный вам знак, найдя в скрипте:

▲ Вверх
Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69006
Share on other sites

Не работает!    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

Всё нормально. Криво стал хук jQuery. Переставил его и заново добавил код. Круто теперь. Удобно просто не понятно как без этого жил! Спасибо!

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69011
Share on other sites

А еще предложение сделать такую же кнопку справа, только "ВНИЗ". Иногда очень не хватает.  :)

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69015
Share on other sites

А еще предложение сделать такую же кнопку справа, только "ВНИЗ". Иногда очень не хватает.  :)

Ага! Точняк. Мне тож такая идея нравится. 

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69016
Share on other sites

А еще предложение сделать такую же кнопку справа, только "ВНИЗ". Иногда очень не хватает.  :)

 

 

Ага! Точняк. Мне тож такая идея нравится. 

 

Переписывайте код.... Бесплатно, думаю (именно думаю!) никто не сделает

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69019
Share on other sites
Как добавить кнопку разобрался. Но вот теперь нужно прокрутку вниз сделать. А для этого нужно вводить определения размера окна, а потом 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 by vsved

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69029
Share on other sites

Поставил большое значение scrollTop: 50000

Криво конечно, но крутит до самого низа!  :)

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=69030
Share on other sites

Вот окончательный вариант кнопки вниз! Пользуйте!

<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
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
  • 4 месяца спустя...

Эта кнопка у меня появляется только при наведении мыши. А как сделать что бы она появлялась без наведения?

Link to comment
https://ipbmafia.ru/topic/8202-knopka-naverh-kak-v-kontakte/?&do=findComment&comment=75327
Share on other sites
  • 2 недели спустя...

Работает на 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.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.