wijmo 隐藏滚动条实现滚动

2021/6/8 10:24:08

本文主要是介绍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



这篇关于wijmo 隐藏滚动条实现滚动的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程