Zapilim.net / Блог / HTML / CSS / Прокрутка без скролла

Прокрутка без скролла

HTML / CSS / 31-07-2015, 18:01
1

Как сделать прокрутку в блоке при помощи колесика мыши, но без использования самого бокового скролла?

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

<div class="block">
    <div class="scrolling">
               <p>При выборе наших услуг, Вы получаете не просто создание сайтов, а качественный комплекс услуг современных разработок в сфере PHP, HTML, CSS, Jquery. </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;
}

Оставить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив