3

我试图使用这个插件“ http://joelb.me/scrollpath/ ”在最后一个 div(image) 处结束滚动路径。有谁知道我如何在最后一张图片上停止滚动，但仍然允许用户向后滚动？

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

4

2 回答 2

1

只是设置wrapAround:false 看起来像这样

$(".wrapper").scrollPath({drawPath: true, wrapAround: false });

于 2014-04-20T16:33:07.200 回答
0

找到了解决办法！！

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

请注意左和上坐标与交换的减号匹配。

于 2013-05-19T22:32:04.490 回答