Купить готовый шаблон сайта

ICQ 9115263
Skype zapilim
Email info@zapilim.net
График работы с 8-00 до 22-00

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

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

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



    • winkwinkedsmileam
      belayfeelfellowlaughing
      lollovenorecourse
      requestsadtonguewassat
      cryingwhatbullyangry
Кликните на изображение чтобы обновить код, если он неразборчив