使用JoelB中的ScrollPath - 如何在最后一个图像结束滚动

Question

我尝试使用此插件“http://joelb.me/scrollpath/”结束最后一个div（图像）的滚动路径。有谁知道我怎么能停止在最后一个图像滚动，但允许用户向后滚动？

稍微具体一点;我希望画布在最后一个图像处停止，强制用户向上滚动，或者单击“输入网站”，因为我的滚动路径页面是一个启动页面。

Answer 1

设置wrapAround:false 看起来像这样

$（＆＃34; .wrapper＆＃34;）。scrollor（{drawPath：true， wrapAround：false }）;

Answer 2

找到了解决方案!!

在最后一个图像的属性中，将.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);
}

注意左边和左边的顶部坐标与交换的减号匹配。