JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://www.apo-ucoz.com/newapo/video/mousewheel.js"></script>
<div class="apoblock">
    Любой контент
    &lt;br />
    Любой контент
    &lt;br />
    Любой контент
    &lt;br />
    Любой контент
    &lt;br />
    Любой контент
    &lt;br />
    Любой контент 2
    &lt;br />
    Любой контент 2
    &lt;br />
    Любой контент 2
    &lt;br />
    Любой контент 2
    &lt;br />
    Любой контент 2
    &lt;br />
    Любой контент 2
    &lt;br />
    Любой контент 2
    &lt;br />
</div>

CSS

.apoblock {
    width:300px;
    height:110px;
    background: rgb(220, 250, 220);
    padding:10px;
    border:1px solid #ccc;
    overflow:hidden;
}

JavaScript

$(document).ready(function() {
    $('div.apoblock').mousewheel(function(event, delta, deltaX, deltaY) {
        $(this).stop().scrollTo($(this).scrollTop() + 55, 300)
        if (delta == -1) {
            $(this).stop().scrollTo($(this).scrollTop() + 55, 300)
        }
        if (delta == 1) {
            $(this).stop().scrollTo($(this).scrollTop() - 55, 300)
        }
        return false;
    });
});