2

我想建立一个与这个非常相似(重复)的。只是圆圈出现在地图上的第一部分。我可以从哪里开始有什么想法吗?任何执行此操作的 jquery 插件?

https://www.airbnb.com/annual

如果没有任何插件,您可以指导我应该从哪里开始吗?任何例子都非常受欢迎。

4

1 回答 1

1

只需将事件处理程序绑定到scroll事件。从 获取您的位置$(window).scrollTop(),并根据需要使用此信息绘制和/或调整您的圆圈数组。

有一些方法可以在没有 Canvas 的情况下在网站上获得效果。您可以使用position:fixed高的 divborder-radius来创建圆圈,并且可以调整它们的大小并使用 JQuery 重新定位它们。您还可以使用 SVG,您可以使用它在最初的半径 0 处创建一个包含所有圆形对象的数组,并通过滚动效果(或您的数据集)增加或减少半径。如果您确实使用画布,则可能需要准备在每个滚动刻度上重新渲染整个画布,因为否则很难让圆圈“缩小”。这可能会使您的滚动不连贯,就像我在网站上一样。

于 2013-02-09T02:04:02.520 回答