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

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

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


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


Стрелки вверх-вниз не работают

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

1

Добра, уважаемые. Поставила на форуме стрелки вверх-вниз страницы, но они не работают.
Вот код который я поставила:

Код:
<!-- стрелки -вверх вниз страницы -->
<div style="position:fixed; right
:3%; bottom: 20%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Up">
<img src="https://i.imgur.com/fR5dW3Y.png" alt="Up" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Down">
<img style="margin-top: -4px;" src="https://i.imgur.com/kACrzkA.png" alt="Упасть" ></a>
</div><!--конец стрелки -->


Вот форум: >>

0

2

мятный чай написал(а):

Добра, уважаемые. Поставила на форуме стрелки вверх-вниз страницы, но они не работают.

Рабочий скрипт стрелок:

Код:
<!--Кнопки вверх вниз-->
<style>
#Go_Top {
position: fixed; 
top: 35%; 
right: 5px; 
cursor:pointer; 
display:none;
z-index: 100000;
/* замедление */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
opacity: 0.6;
}

#Go_Top:hover {
opacity: 1;
}

#Go_Bottom {
position: fixed; 
top: 47%; 
right: 5px; 
cursor:pointer; 
display:none;
z-index: 100000;
/* замедление */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
opacity: 0.6;
}

#Go_Bottom:hover {
opacity: 1;
}
</style>
<div id='Go_Top'>
 <img src="http://magerivenaly.rolevaya.ru/uploads/000f/3e/e5/11370-1.gif" alt="Наверх" title="Наверх">
</div>
<div id='Go_Bottom'>
 <img src="http://magerivenaly.rolevaya.ru/uploads/000f/3e/e5/11370-2.gif" alt="Вниз" title="Вниз">
</div>
<!--Кнопки в верх в низ-->
<script type="text/javascript">
jQuery(function(){

 if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
 });


 if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
 });

 $("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
 })
 $("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
 })
});
</script>

Картинки стрелок ставите свои.

Отредактировано kolobdur74 (Вс, 21 Июл 2019 11:41:02)

+2

3

kolobdur74
Благодарю, всё получилось.

+1

4

Здравствуйте. У меня тоже вопрос по стрелкам. Один пользователь пожаловался, что у него стрелки смещены на середину форума и мешают просмотру. Со всех своих устройств я проверила, на почти всех браузерах, у меня все нормально. Только с мобильного телефона такая же картина.
Проверила форум на кроссбраузерность через сервис онлайн. Скрин ниже. Это хром с 10 виндой. У меня и у остальных при этих же параметрах все отлично.
Как можно поправить это и возможно ли вообще? Мне даже особо не проверить, проверки на сервисе ограничены по времени и количеству сессий.

Свернутый текст

https://funkyimg.com/i/2VDqK.jpg

А так должно быть:
https://funkyimg.com/i/2VDqM.jpg

Форум http://bollywooddream.mybb.ru

0

5

Riya
Попробуйте заменить код кнопок на такой (сделал привязку к правому краю форума, а не окна; до этого у меня тоже кнопки отображались поверх тела форума):

Код:
<div style="position: fixed; width: 900px; bottom: 0">
  <a style="position: absolute; bottom: 260px; right: -83px; cursor: pointer; z-index: 100; background-color: transparent !important;" id="Go_Top">
    <img src="http://forumfiles.ru/files/0018/fd/28/77286.png" alt="Вверх" />
  </a>
  <a style="position: absolute; bottom: 220px; right: -83px; cursor: pointer; z-index: 100; background-color: transparent !important;" id="Go_Bottom">
    <img src="http://forumfiles.ru/files/0018/fd/28/27642.png" alt="Вниз" />
  </a>
</div>

<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
});
$("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

+3

6

Alex_63
Спасибо большущее! Даже в мобильнике все встало на свои места.

+2


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