Прокрутка без скролла » Купить готовый шаблон сайта на Zapilim.net. Купить адаптивные шаблоны DLE

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

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

Для того чтобы сделать скролл невидимым, но оставить возможность прокрутки колесиком, следует выполнить следущую инструкцию
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;
}