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

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

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



Чат

Сообщений 21 страница 23 из 23

21

Спасибо все получилось, все замечательно

0

22

nonstop70

Код:
<!--кнопки вверх вниз с остановкой-->
<style>
.go-up,.go-down {
position:fixed; /*позиционируем*/
right:10px; /*указываем положение, если слева - left*/
display:block;
outline: none 0 transparent;
border:none 0 transparent;
cursor:pointer;
opacity: .6; /*прозрачность*/
width:35px; /*ширина кнопки*/
height:35px; /*высота кнопки*/
}
/*при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
.go-up {
bottom:175px; /*отступ верхней кнопки от низа форума*/
  background: transparent url('https://forumstatic.ru/files/0013/61/d9/15397.png')no-repeat center;/*кнопка вверх*/
}
.go-down {
bottom:132px; /*отступ нижней кнопки от низа форума*/
  background: transparent url('https://forumstatic.ru/files/0013/61/d9/60019.png')no-repeat center;/*кнопка вниз*/
}
</style>
<button class="go-up" id="ToTop" onmousedown="$('html,body').animate({scrollTop:0},{ 'duration': 1000, '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': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})"></button>

Лучше ставить в конец HTML верх



Совет:

1. Разделяйте устанавливаемые коды в HTML верх и низ как минимум двумя пробельными строками!
2. Обязательно ставьте перед кодом коммент-пояснение:

<!-- Тут что-то -->

+1

23

Deff написал(а):

1. Разделяйте устанавливаемые коды в HTML верх и низ как минимум двумя пробельными строками!
2. Обязательно ставьте перед кодом коммент-пояснение:

Спасибо... это для меня очень важная инфа!

0