javascript - dynatree - 如何滚动到事件节点？

Question

我有固定高度和垂直滚动条的 dynatree。

node.activate();选择我正在搜索的节点，但不移动垂直滚动条，所以我必须手动滚动才能看到事件节点。

我如何以编程方式滚动它？

---

感谢 mar10，我解决了这个问题:

var activeLi = node.li;
$('#tree').animate({
    scrollTop: $(activeLi).offset().top - $('#tree').offset().top + $('#tree').scrollTop()
}, 'slow');

Answer 1

Dynatree 没有内置的 scrollTo 功能。但是，一旦您拥有要使其可见的 DOM 元素，您就应该能够使用现有的方法和插件之一。

在你的例子中，你似乎已经有了一个 node对象，因此您可以获得关联的 <li>和 <span>使用 node.li 标记或 node.span .

一般情况下可以随时调用获取事件节点

var node = $("#tree").dynatree("getActiveNode");
// or
var node = $("#tree").dynatree("getTree").getActiveNode();

然后获取关联的 DOM 元素:

var activeLI = node && node.li;

或处理激活事件:

onActivate: function(node) {
    var activeLI = node.li;
    ...
}

获得元素后，使用标准方法:

Scroll to a div using jquery , jQuery scroll to element , How to scroll to an element in jQuery? ,...

编辑 2014-05 从 Fancytree 开始2.0 autoScroll 已添加为标准选项。