jQuery滚动路径？

我试图做一个简单的滚动路径使用这个插件“http://joelb.me/scrollpath/”和我想要做的就是做一个简单的线，没有旋转，弧等只有我似乎无法理解这是如何工作，也没有找到一个插件教程！？jQuery滚动路径？

我想要一个像路径...

   __________________ 
______________|

我已经写了，没有运气以下...

能anyvbody看到什么即时做错了什么？

.moveTo(400, 50, {name: "one"}) 
    .lineTo(400, 50, {name: "two"}) 
    .lineTo(400, 50, {name: "three"}) 
    .lineTo(400, 50, {name: "four"}) 
    .lineTo(400, 50, {name: "five"}) 
    .lineTo(400, 50, {name: "six"})

来源

2012-12-06 Liam

他们都在同一点？我不知道scrollpath，但我想如果你想要一些东西移动，你应该改变位置。你有没有试过'lineTo（600,50，{name：“two”}）'和'lineTo（600,100，{name：“three”}）''。我真的认为你必须尝试不同的数字 – FrancescoMM

我已经尝试了不同的数字等@FrancescoMM，每个div绝对定位 – Liam

好吧，也可能有其他原因，它也不工作。但是你现在的路径都是单一的。你要告诉它从（400,50） - >移动到（400,50） - >移动到（400,50）等等。你必须从（400,50） - >移到（600,50） - >到（600，100）等。 – FrancescoMM

你似乎使用lineTo思维参数是相对值（即“搬到400;50”），但这些都是绝对的，所以你的榜样移动到400;50并在那里停留。

尝试这样：

path 
    .moveTo(50,100,{name: 'one'}) 
    .lineTo(400,100,{name: 'two'}) 
    .lineTo(400,50,{name: 'three'}) 
    .lineTo(800,50,{name: 'four'});

此外，当您初始化插件，通过drawPath: true作为选项，这样你会看到路径是如何实现的：

$(".your-container-element").scrollPath({ 
    drawPath: true, 
});

你可以在这里找到（一些）文档：https://github.com/JoelBesada/scrollpath

来源

2012-12-06 10:02:56

对我来说，drawPath：true不会打印任何东西。有小费吗？ –

scrollpath的作用是将给定的（x，y）坐标带到屏幕的中心。

例如

.moveTo(50,100,{name='a'})

将移动（50100），以在屏幕的中心。

所以使用它，你将不得不使用绝对定位，像这样：

如。 DIV 1 =（50,100） DIV 2 =（100,100） DIV 3 =（150,100）

为了解决这个问题，你必须

.moveTo(50,100,{name: 'div1'}); 
.moveTo(100,100,{name: 'div2'}); 
.moveTo(150,100,{name: 'div3'});

记住（50,100）现在的中心，因此，如果您准确地放置你的div（50,100），它将占据右下角的空间。

改为整个div的中心（50,100）

来源

2012-12-10 11:03:42 cjds

jQuery滚动路径？

回答

相关问题