其他分享
首页 > 其他分享> > wijmo 隐藏滚动条实现滚动

wijmo 隐藏滚动条实现滚动

作者:互联网

theGrid.hostElement.addEventListener('wheel', function (e) {
        let root = theGrid.hostElement.querySelector('[wj-part="root"]');
        if (root) {
            root.scrollTop += 32 * (e.deltaY < 0 ? -1 : +1);
            e.preventDefault();
        }
    });
.no-scrollbars.wj-flexgrid [wj-part=root] {
  overflow: hidden !important;
}

隐藏滚动条是通过css实现的。
至于隐藏之后的滚动操作,是通过捕获滚轮事件来实现的。还可以通过这种写法,来实现其他的滚动方式。

root.scrollLeft += 10

在JS中实现向右的滚动

https://demo.grapecity.com.cn/wijmo/demos/Grid/PagingScrolling/NoScrollbars/purejs

标签:theGrid,滚动,hostElement,wj,滚动条,root,wijmo
来源: https://blog.csdn.net/weixin_41032420/article/details/117689648