從JoelB使用ScrollPath - 如何結束最後一張圖片的滾動

Question

我試圖用這個插件「http://joelb.me/scrollpath/」在最後一個div（圖片）處結束滾動路徑。有誰知道我可以如何停止最後一張圖片的滾動，但是允許用戶向後滾動嗎？

稍微更具體;我希望畫布停止在最後一張圖片上，迫使用戶回滾，或者點擊「輸入網站」，因爲我的滾動路徑頁面是一個閃屏頁面。

Answer 1

找到解決方案！

在最後一張圖像的屬性中，將.arc，.lineTo或.moveTo屬性更改爲.moveTo自己的座標。座標將匹配style.css;然而，減號需要交換：

demo.js-

從：

// Arc and rotate back to the beginning. 
.arc(1300, 50, 900, -Math.PI/2, -Math.PI, true, {rotate: Math.PI*2, name: "end"}); 

到：

// Arc and rotate back to the beginning. 
//.arc(1300, 50, 900, -Math.PI/2, -Math.PI, true, {rotate: Math.PI*2, name: "end"}); .moveTo(1150,-900); 

在.moveTo上面的例子中（1150， -900）表示提供循環的自身圖像的座標，除非用戶向後滾動。座標在style.css中發現：

.follow { 
    width: 475px; 
    left: 900px; 
    top: -1150px; 
    transform: rotate(90deg) translateX(50px); 
} 

通知左&頂部座標匹配交換減號。

Answer 2

剛剛成立wrapAround:false 它看起來像這樣

$ scrollPath（{drawPath：真實，環繞式：假}）（ 「包裝」）。