Question

我有一个场景，在刷新kendo树视图时，我需要将视图滚动到树的第一项。

<body>

    <div style="height: 500px; width: 200px; border:1px solid black;" id="tree"></div>
    <div style=" margin:10px; display:block">
        <button style="width:50px; height:20px;" onclick="clickMe()">Click</button>
    </div>

    <script>
        // setup: generate data, select item
        var data = [];
        for (var i = 0; i < 1000; i++) {
            data.push({ text: "Item " + i });
        }
        $("#tree").kendoTreeView({
            dataSource: data
        });

        function clickMe() {
            debugger;
            var treeview = $("#tree").data("kendoTreeView");
            treeview.select(treeview.findByText("Item 500"));

            // scroll to selected item
            var itemScrollTop = treeview.select()[0].offsetTop;
            $("html,body").animate({ scrollTop: itemScrollTop });
        }
    </script>
</body>

我尝试使用上面的代码，但问题是它无法正常工作。如果我们删除了剑道Treeview div的高度，那么它可以工作。但我需要设置树视图的高度。

如何在剑道树视图中滚动到顶部？

Answer 1

我试图为tree div设置动画而不是html和body。不确定你正在寻找什么。

link：http://dojo.telerik.com/ozite/2

Answer 2

然后你要选择树：

$("#tree").animate({ scrollTop: itemScrollTop });

滚动到剑道树视图的顶部节点

2 个答案: