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

Характеристика Описание [xfgiven_gallery]Галерея[/xfgiven_gallery] [xfgiven_video]Презентация[/xfgiven_video]

Технические характеристики шаблона

[xfgiven_templ-version]

Версия шаблона: [xfvalue_templ-version]

[/xfgiven_templ-version]

Версия DLE: 10.x - 12

Верстка: HTML/CSS/JS

Тип верски / Ширина шаблона: Блочная, адаптивная / 320px-1170px

Кроссбраузерность: Firefox, Chrome, Opera, Yandex, IE9-11, мобильные устройства;

[xfgiven_tematika]

Тематика: [xfvalue_tematika]

[/xfgiven_tematika] [xfgiven_doppole]

Использование дополнительных полей: Да

[/xfgiven_doppole]

Обновления и тех. поддержка: в течении одного года с момента покупки

Шаблон имеет первоначальную SEO-оптимизацию

Описание шаблона

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

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

Презентация шаблона

[/xfgiven_video]