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');

Joyride基金会自定义覆盖

1 个答案: