Joyride Foundation自定義覆蓋

Question

我在我的網站中使用atm的JS庫是joyride，我想定製它如何與我網站的某個部分一起工作。

我將joyride應用於我的服務頁面中的圖標。這是我唯一喜歡騎車上班的地方。但是，當我在此處將joy place放置在這個特定位置時，我遇到了一個問題。

問題：當我的頁面加載屏幕時，它會自動滾動到一個隨機的位置..我猜測它試圖找到我叫做兜風的地方？

這不是我需要happen..obviously :)

我想實現的是兜風只有被激活時，用戶在服務頁面直接到達（包含圖標）和不是在頁面加載，這意味着消除負載滾動。

有沒有做到這一點？或者至少拿走隨機滾動放置問題。

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