拖动ReactVirtualized列表中的宽度ReactDnd时自动滚动

时间:2018-07-05 09:57:55

标签: react-virtualized react-dnd

我正在尝试在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

0 个答案:

没有答案