leafer-ui
leafer-ui copied to clipboard
滚动条插件的问题
我需要绘制内容比较多的单元格,和百万咖啡页面非常类似,https://www.leaferjs.com/coffee/
需要水平方向的滚动条和垂直方向的滚动条,目前有个问题,期望滚动条在画布之外
(或者说滚动条和绘制的内容之间存在一部分间距),
目前滚动条悬浮在画布上,当拖动滚动条的时候,很大几率会点击到画布上的单元格
const app = new App({ view: 'leafer-view', editor: { stroke: '#2a51b0', } }) app.editor.visible = false new ScrollBar(app, { theme: 'dark', padding: 0, minSize: 20 })
目前不知道怎么配置
可以在添加滚动条之前,用Rect元素在sky层上画出滚动条的背景,用于阻挡事件穿透。