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

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

javascript jquery

Javascript 滚动到剑道树视图的顶部节点,javascript,jquery,kendo-treeview,Javascript,Jquery,Kendo Treeview,我有一个场景，在刷新剑道树视图时，我需要将视图滚动到树的第一项 <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;" o

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

<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>

我尝试使用上面的代码，但问题是它不起作用。如果我们移除剑道树视图div的高度，那么它就工作了。但是我需要设置树视图的高度

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

然后您必须选择该树：

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

我尝试将树div设置为动画，而不是html和body。我不确定你在找什么

链接：