1

ご存じかもしれませんが、index.html にscrollpath: http://joelb.me/scrollpath/を実装しようとしています。

私はプラグインを使用することができ、demo.js のコードを使用することで、プラグインが機能することを喜んで感じることができました。しかし、私はラインを拡張/カスタマイズしたいと思っています。これは物事が壊れているところです。それはおかしな黙示録です:

少し背景 (私のちっぽけな、n00bie の脳の理解から) - ドキュメンテーションは Github にあります:

  • あなたは非常に大きなコンテナで作業しています - さようなら960px。
    デモ:
    幅: 2640
    高さ: 2490

  • あなたのjsでは、これらの点の間に線を引くよりも、この大きなコンテナに点をプロットしています。ローテーションにも凝ることができます。しかし、この時点で、パスを拡張する方法を理解しようとしています。明らかに後者も理解したいと思いますが。

moveTo画面の中心を指定された座標に移動します - 画面は特定のパスにジャンプします。デモでは、これはパスを実行するために 1 回だけ使用されます。それ以外の場合lineToは使用されます (これは、点の散布図ではなく、パスの流体と接続を維持するためであると仮定します)

lineTo現在の位置から指定された点まで直線を描画します。上記のコードでは「名前」が指定されているため、現在の位置がわかります。「name」プロパティは、パスの終点を設定するものです。

私が理解していない多くのことの中で（私のlineToコードがパスをシームレスに拡張しない理由は別として）、各divのcssで絶対位置が設定されているが、jsでも座標を設定していることです。これらはどのように一致しますか？

HTML

<div class="description">
    <span class="big">It's a plugin for defining custom scroll paths.       
    </span>
</div>

CSS

.description {
    top: 740px;
    left: 180px;
    width: 440px;
    }

JS

$.fn.scrollPath("getPath")
    ...
    // Line to 'description' element
    .lineTo(400, 800, {name: "description"})

賢明な方からのアドバイス/言葉をいただければ幸いです。

私が噛むことができる以上のものを引き受けます-n00b過負荷、地獄への道になります。

4

0 に答える 0