我正在尝试在ReactDnd列表中实现一个ReactVirtualized,除了拖动时自动滚动外,它的运行效果非常好。
我在scroll
组件(正在拖动的组件)的render()
方法上使用此Preview
函数,它仅滚动一次,然后卡住。
(此方法适用于ReactInfinite而不是ReactVirtualized)
function scroll(offset : {x: Int, y: Int}) {
const list = document.querySelector('.ReactVirtualized__List');
const listHeight = list !== null ? list.offsetHeight : null;
if (listHeight !== null) {
if (offset.y > listHeight * 0.8)
list.scrollTop += scrollSpeed;
else if (offset.y < listHeight * 0.2)
list.scrollTop -= scrollSpeed;
}
}
有人尝试过类似的东西吗?
如果没有,是否有不涉及ReactInfinite的替代方案? (我正在尝试避免使用this glitch)