jQuery Joyride 无法在可滚动中<DIV>正确滚动

Question

我有一个页面，其中的内容包装在一个可滚动的div元素(使用CSS overflow: auto;)。当我集成Joyride插件来游览DIV内的元素时，它不会正确地滚动到DIV中的相应位置。相反，它会滚动整个页面。

请参考:https://jsfiddle.net/dkz33k3j/

有什么我错过了或任何解决这个问题的方法?

Answer 1

这是因为你给你的内容框额外的高度删除它会解决你的问题，

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

演示

Answer 2

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

$(document).ready(function() {
    $('#joyRideTipContent').joyride({
        autoStart: true,
         modal: true,
        expose: true,
        preStepCallback: function(index, tip) {
            if (index === 4) {
                location.hash = 'anchor-name';
            }
        }
        postStepCallback: function(index, tip) {},
    });
});

<a name="anchor-name"></a>