Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Проблемы с форумом » Не срабатывают кнопки вверх-вниз


Не срабатывают кнопки вверх-вниз

Сообщений 1 страница 8 из 8

1

Заметил, что не только на нашем форуме http://onlyadventure.mybb.ru/, но и как минимум на 5 других больше не срабатывают кнопки вверх-вниз. Ситуация происходит с этим скриптом:

<!-- Кнопки вверх-вниз -->
<div style="position:fixed;z-index:1003; right: 5%; bottom: 15%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s1.uploads.ru/t/nfjw2.png" alt="Вверх страницы">
  </a>
<br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s1.uploads.ru/t/9UztT.png" alt="Вниз страницы">
  </a>
</div>

Видел также весьма похожий код, он тоже не срабатывает, но знаю, что на большинстве форумов все еще работают сами кнопки, интересно было бы узнать это конфликт с какими-то скриптами или дело уже в самом скрипте. На данный момент на форуме используется скрипт с движением по щелчку, а именно:

Скрипт рабочий.

<!--кнопки вверх вниз с остановкой-->
<style>
.go-up,.go-down {
position:fixed;
right:55px; /*указываем положение, если слева - left*/
display:block;
outline: none 0 transparent;
border:none 0 transparent;
cursor:pointer;
opacity: .6; /*прозрачность*/
width:50px; /*ширина кнопки*/
height:50px; /*высота кнопки*/
}
/*при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
.go-up {
bottom:275px; /*отступ верхней кнопки от низа форума*/
background: transparent url('http://s1.uploads.ru/t/nfjw2.png')no-repeat center;/*кнопка вверх*/
}
.go-down {
bottom:215px; /*отступ нижней кнопки от низа форума*/
background: transparent url('http://s1.uploads.ru/t/9UztT.png')no-repeat center;/*кнопка вниз*/
}
</style>
<button class="go-up" id="ToTop" onmousedown="$('html,body').animate({scrollTop:0},{ 'duration': 900, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})"></button>
<button class="go-down" id="OnBottom" onmousedown="$('html,body').animate({scrollTop:$(document).height()},{ 'duration': 900, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})"></button>

0

2

Destiny gift, допишите window. перед scrollTo, там в двух местах.

<a href="#top" onclick="window.scrollTo(0,0); return false;" title="Вверх страницы">

Не знаю, почему раньше работал неправильный вариант, но теперь вот перестал...

+1

3

satsana
Спасибо, кнопки заработали. А подскажите, если знаете, где закрался знак _ ? При наведении на кнопку "вверх" он высвечивается.
https://s8.hostingkartinok.com/uploads/images/2017/10/4a7ff91388d6fa46a6d5be8b39aa859f.png

0

4

Destiny gift, ну вы и задачки ставите! Нашла. Это декорирование ссылок подчеркиванием при наведении.
Попробуйте первой ссылке (а лучше обеим) дописать атрибут style="text-decoration: none;"

0

5

satsana
Не сработало, но это особо неважно, спасибо за помощь, тему можно переносить в архивные. Поставил просто другой код из архивов от Leonheart, где тоже нужно прописать window, и подогнать параметры под свои хотелки. В итоге, кому понадобится:

Код:
<!-- Кнопки вверх-вниз -->
<div style="position:fixed;z-index:1003; right: 5%; bottom: 15%;">
  <a href="#top" onclick="window.scrollTo (0,0); return false;" title="Вверх страницы">
    <img src="http://s1.uploads.ru/t/nfjw2.png" alt="Вверх страницы">
  </a>
<br>
  <a href="#top" onclick="window.scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s1.uploads.ru/t/9UztT.png" alt="Вниз страницы">
</a>
</div>

Отредактировано Destiny gift (Вс, 8 Окт 2017 22:50:56)

0

6

Destiny gift написал(а):

другой код

На вид тот же... Ну да ладно.

0

7

satsana
Согласен, я добавил только

z-index:1003; и window

, не знаю в чем загадка.

0

8

Destiny gift
Может так (Убить подчеркивание

<!-- Кнопки вверх-вниз -->
<div style="position:fixed;z-index:1003; right: 5%; bottom: 15%;">
  <a href="#top" onclick="window.scrollTo (0,0); return false;" title="Вверх страницы" style="text-indent:-9999px">
    <img src="http://s1.uploads.ru/t/nfjw2.png" alt="Вверх страницы"/>
  </a>
<br>
  <a href="#top" onclick="window.scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы" style="text-indent:-9999px;">
    <img src="http://s1.uploads.ru/t/9UztT.png" alt="Вниз страницы"/>
</a>
</div>

0


Вы здесь » Единый форум поддержки » Проблемы с форумом » Не срабатывают кнопки вверх-вниз