javascript - Joyride 基础自定义覆盖

Question

我在我的网站中使用 atm 的 JS 库是 Joyride，我想自定义它如何与我网站的某个部分一起工作。

我已将 Joyride 应用于我的服务页面中的图标。这是我唯一想要愉快地工作的地方。但是，当我在这个特定位置进行兜风时，我遇到了问题。

问题..当我的页面加载时，屏幕会自动滚动到随机位置..我猜它正在尝试找到我调用 Joyride 的位置？

这不是我需要发生的事情..显然:)

我想要实现的是，只有当用户直接到达服务页面(包含图标)而不是在页面加载时才激活 Joyride，这意味着消除了加载滚动。

有什么办法可以实现这一目标吗？或者至少消除随机滚动放置问题。

<ol class="joyride-list" data-joyride>
    <li data-id="repair" data-text="Close" data-options="tip_location: left; nub_position:left; prev_button: false">
        <p>Click or tap each icon to learn more about our services</p>
    </li>
</ol>

这是链接

http://kapena.github.io/pp_web/

Answer 1

如果将 scroll_speed 设置为 0，它应该会阻止滚动效果。

$(document).foundation({
    offcanvas : {
        open_method: "move",
        close_on_click : true
    }
    joyride : {
         scroll_speed: 0;
    }
});

$(document).foundation('joyride', 'start');