var wheelEvt = (/Firefox/i.test(navigator.userAgent)) ? 'DOMMouseScroll' : 'mousewheel';
document.querySelector('.port').addEventListener(wheelEvt, function (e) {
var evt = e.originalEvent ? e.originalEvent : e,
delta = evt.detail ? -evt.detail : evt.wheelDelta;
this.scrollTop += (delta < 0 ? 1 : -1) * 40;
e.preventDefault();
}, false);
<div id="outer">
<p> бла бла </p>
<p> бла бла </p>
<p> бла бла </p>
<p> бла бла </p>
<p> бла бла </p>
<p> бла бла </p>
</div>
<input type="button" class="but" value="click">$('.but').on('click', function () {
var $outer = $('#outer'),
$p = $outer.find('p');
$p.each(function () {
$(this).remove();
});
});
<img src="/images/IMG_5081.JPG" alt="" style="opacity: 1;">span.moloko a {
/* overflow: hidden; */
/* max-height: 160px; */
overflow: hidden;
width: 240px;
height: 240px;
display: block;
}
.moloko {
display: inline-block;
background-color: #fff;
position: relative;
}
span.moloko img {
vertical-align: top;
width: 100%;
height: 100%;
}