1. Сообщения в виде спасибо и.т.д. расцениваются как ФЛУД.
  2. Форуму нужны модераторы разделов. Все вопросы и предложения - через форму обратной связи на сайте администратору.

Как сделать прокрутку без скролла?

Тема в разделе "Хаки DLE", создана пользователем seriy99, 26 сен 2016.

  1. seriy99

    seriy99 Administrator Команда форума

    Регистрация:
    13 июн 2014
    Сообщения:
    193
    Симпатии:
    37
    Баллы:
    28
    Вопрос:
    Как сделать прокрутку в блоке при помощи колесика мыши, но без использования самого бокового скролла?

    Ответ:
    Для того чтобы сделать скролл невидимым, но оставить возможность прокрутки колесиком, следует выполнить следущую инструкцию
    1. Обернуть Ваш блок следующими классами

    Код:
    <div class="block">
    <div class="scrolling">
    <p>Как сделать прокрутку в блоке при помощи колесика мыши, но без использования самого бокового скролла?</p>
    </div>
    </div>
    2. Добавляем стили классов в файл .css
    Код:
    .block {
    position: relative;
    width: 300px;
    height: 500px;
    overflow: hidden;
    border: 1px solid #000;
    }
    .scrolling {
    position: relative;
    box-sizing: border-box;
    width: 420px;
    max-height: 400px;
    padding-right: 20px;
    overflow-y: scroll;
    }

Поделиться этой страницей