Joyride Foundation 自定义覆盖

Question

我在我的站点中使用 atm 的 JS 库是 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');