如果元素具有基本滾動，則阻止“ 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                                
    }
})