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

上一篇:页面二(十月二十五)


下一篇:《ybtoj高效进阶》第一部分第五章例题2 山峰与山谷