Javascript jQuery Joyride无法在scrollable中正确滚动<；部门>；

我有一个页面，它的内容包装在一个可滚动的DIV元素中（使用CSS

overflow:auto；

）。当我集成Joyride插件来浏览DIV中的元素时，它不会正确地滚动到DIV中的相应位置。相反，它会滚动整个页面

请参阅：

---

是否有我遗漏的内容或解决此问题的方法？

这是因为您为内容框提供了额外的高度。移除内容框将解决您的问题

.content-box {
    border: 1px dashed #888;
    /*height: 400px;*/
    padding: 10px;
    overflow: auto;
}

我也用library做了同样的尝试，但找不到合适的解决方案。作为一种解决方法，我在页面中添加了书签，然后在执行步骤之前手动滚动到书签

$（文档）.ready（函数（）{
$（“#joyRideTipContent”）。joyride({
自动启动：对，
莫代尔：是的，
揭露:对,，
preStepCallback：函数（索引、提示）{
如果（索引==4）{
location.hash='anchor name'；
}
}
postStepCallback:函数（索引，提示）{}，
});
});

---

感谢Rohan的回复。但在我最初的例子中，我将窗口拆分为两列。左侧窗格（一个DIV）有一个窗体，其高度设置为窗口高度（因此会显示滚动条）。右侧窗格（又是一个DIV）有一个应该始终可见的映射。因此，我担心删除DIV height对我来说不是一个选项：(