<div class="contenteditable" contenteditable>
contenteditable
</div>
.contenteditable {
max-height: 100px;
overflow-y: auto;
}
.disable-hover,
.disable-hover * {
pointer-events: none !important;
}
var body = document.body,
timer;
window.addEventListener('scroll', function() {
clearTimeout(timer);
if(!body.classList.contains('disable-hover')) {
body.classList.add('disable-hover')
}
timer = setTimeout(function(){
body.classList.remove('disable-hover')
},500);
}, false);