2

サイト内で atm を使用している JS ライブラリはジョイライドであり、サイトの特定の部分での動作をカスタマイズしたいと考えています。

サービス ページ内のアイコンにジョイライドを適用しました。これは私がジョイライドを機能させたい唯一の場所です。ただし、この特定の場所にジョイライドを配置すると問題が発生します。

問題..ページが読み込まれると、画面が自動的にランダムな場所にスクロールされます..私がジョイライドを呼び出した場所を見つけようとしていると思いますか?

これは私が起こる必要があることではありません..明らかに:)

私が達成したいのは、ユーザーがサービスページ（アイコンを含む）に直接到着したときにのみジョイライドがアクティブになり、ページのロードではなく、ロードスクロールがなくなることです。

これを達成する方法はありますか？または、少なくともランダムなスクロール配置の問題を取り除きます。

<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/

4

1 に答える 1

2

をに設定するscroll_speedと0、スクロール効果が防止されます。

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

$(document).foundation('joyride', 'start');
于 2014-12-19T00:41:15.747 に答える