2

これと非常によく似た(複製)を構築したいと思います。マップ上で円が表示される最初の部分です。私が始めることができるアイデアはありますか?これを行うjqueryプラグインはありますか?

https://www.airbnb.com/annual

プラグインがない場合、どこから始めればよいか教えていただけますか? どの例も非常に高く評価されています。

4

1 に答える 1

1

イベント ハンドラーをイベントにバインドするだけscrollです。から位置を取得$(window).scrollTop()し、この情報を使用して、必要に応じて円の配列を描画および/またはサイズ変更します。

Canvas を使用せずにサイトで効果を得る方法はいくつかあります。position:fixedhigh の div を使用border-radiusして円を作成したり、JQuery を使用してサイズを変更したり、位置を変更したりできます。SVG を使用することもできます。これを使用すると、最初は半径 0 ですべての円オブジェクトの配列を作成し、スクロール効果 (またはデータ セット) で半径を増減できます。キャンバスを使用する場合は、スクロール ティックごとにキャンバス全体を再レンダリングする準備が必要になる場合があります。そうしないと円を「縮小」するのが難しいためです。これにより、サイトでの私の場合と同じように、スクロールが途切れる可能性があります.

于 2013-02-09T02:04:02.520 に答える