实际上不滚动的HTML5滚动条

我正在制作一个自定义组件 ，它显示了经常更改的巨大动态内容的一部分，因此我无法一直追加并将其删除到文档中 。

带有onScrollBegin ， onScrollEnd ， onScrollUpdate和scrollTop以及scrollMax值而没有滚动内容function的滚动条会很棒。

我不希望滚动条为我滚动内容。 我需要获取当前的scrollTop值并在不创建高度的内容div的情况下完成我的工作人员。

你有什么建议 ？

$('#scroller').on('scroll', (e) => { let offsetY = $('#scroller').scrollTop(); $('#custom-content').text("current offsetY: " + Math.round(offsetY)); }); $(document).ready(function(){ $('#custom-content').bind('mousewheel', function(e){ if(e.originalEvent.wheelDelta/120 > 0) { let offsetY = $('#scroller').scrollTop()-3; $('#scroller')[0].scrollTop=offsetY; // $(this).text('scrolling up !'); } else{ // $(this).text('scrolling down !'); let offsetY = $('#scroller').scrollTop()+3; $('#scroller')[0].scrollTop=offsetY; } e.preventDefault(); }); }); 

 .scroll { width: 20px; height: 200px; overflow-y: auto; overflow-x: hidden; margin: 0 10px; } .scroll-content { height: 400px; -webkitTransform: translate3D(0px, 0px, 0px); } #custom-content { float:left; width:300px; height:200px; } 

  
 
 I want to change the scroll content here based on scroll offsetY.