如果元素具有基本滚动，则阻止“ wheel”事件滚动

Question

我已经通过window上的wheel事件在页面上建立了自定义滚动。 但是，即使我要使用基本滚动条滚动元素，它也会拍摄。 如何禁用此元素上的wheel事件，但可以滚动？

Answer 1

您可以在事件处理程序中检入元素是否可滚动

window.addEventListener('wheel', function(event) {
    if ( event.target.scrollHeight < event.target.clientHeight ) {
          // scollheight less than clientheight, means it doesn't have scrollbars ...
          // do stuff                                
    }
})