ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

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

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



Кнопки прокрутки страницы при нажатии

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

1

Удобные стрелочки быстрой прокрутки с остановкой "по требованию"
просто отпускаем кнопку мыши, прокрутка работает только при нажатии
https://forumupload.ru/uploads/0007/e3/f7/6822/766846.png

Автор: Deff
Платформа: любая
Демо: http://noticesfororofregistratio.mybb.r … vverh-vniz

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

2

Герда написал(а):

Удобные стрелочки быстрой прокрутки с остановкой "по требованию"
просто отпускаем кнопку мыши, прокрутка работает только при нажатии
http://sa.uploads.ru/Lgmfk.png

Автор: Deff
Платформа: любая
Демо: http://noticesfororofregistratio.mybb.r … vverh-vniz

Код:
    <!--кнопочки вверх вниз-->
    <style>
    .go-up,.go-down {
    padding:0;
    margin:0px;
    display:block;
    background-color:transparent;
    outline: none 0 transparent;
    border:none 0 transparent;
    border-radius:10px;
    cursor:pointer;
    text-align:center; /*выравнивание*/
    opacity: .7; /*прозрачность*/
    width:66px; /*ширина кнопки*/
    height:74px; /*высота кнопки*/
    }
    /*при наведении курсора*/
    .go-down:hover,.go-up:hover {
    opacity:1;
    }
    #wrp-butt{
    overflow:hidden;
    position:fixed; /*позиционируем*/
    z-index:9999; /*показываем поверх всех элементов на странице*/
    right:25px; /*указываем положение, если слева - left*/
    bottom:110px; /*положение от низа окна браузера*/
    }
    </style>
    <div id=wrp-butt>
    <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'})">
    <img src="http://sa.uploads.ru/CeznN.png" alt="вверх" style="vertical-align: middle">
    </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'})">
    <img src="http://sa.uploads.ru/IG1xt.png" alt="вниз" style="vertical-align: middle">
    </button></div>

Попробуем эти кнопки поставить?

0

3

Гердочка, попробуем этот поставить?

0

4

Гердочкаааааа! У меня получилось поставить кнопочки!!! Уррррааааа!

+1