Question

请协助，我已经创建了动态内容，并且需要在其上附加滚动条。主要目标：当滚动条到达底部时，我的动态内容底部必须与其同步。（颜色框的底部必须与滚动条对齐）滚动条的大小必须相同，并且不要更改高度。

它将如何工作：例如，如果我们有12个框，则在滚动条从上到下到达时将使用慢速。例如，如果有30盒，它将更快，依此类推... 我认同... 也许您提供了更好的解决方案。

“创建动态元素图层”部分创建颜色框，请检查不同数量

谢谢

/* move scrollbar and dynamic elements */

verticalBar.on('dragmove', function (e) {

    if (verticalBar.x() != verticalBarBottom.x()) {
        verticalBar.x(verticalBarBottom.x())
    }

    if (verticalBar.y() < verticalBarBottom.y()) {
        verticalBar.y(verticalBarBottom.y());
    }
    if (verticalBar.y() > verticalBarBottom.y() + verticalBarBottom.height() - verticalBar.height()) {
        verticalBar.y(verticalBarBottom.y() + verticalBarBottom.height() - verticalBar.height());
    }
    productsOffset = verticalBar.y() - verticalBarBottom.y();
    productsStep = products.getClientRect().height / verticalBarBottom.height();
    productsStep = products.getClientRect().height / (verticalBarBottom.y() + verticalBarBottom.height());
    newYpos = verticalBarBottom.y() - productPadding;
    newYpos -= productsOffset * productsStep;
    products.y(newYpos);
    products.draw();
})

KonvaJS-将固定的滚动条附加到具有动态高度的元素上

0 个答案: