var smcontroller = new ScrollMagic.Controller();
var smscene1 = new ScrollMagic.Scene({
triggerElement: "#products-box-1",
offset: 200, duration: 1600
})
.setTween(tweencan)
.addIndicators()
.addTo(smcontroller);
0
A
答えて
1
私が見つけた最良の方法は、あなたと整合するようにしようとしている要素の高さとオフセットを取得することにより、ドキュメント内のその時点までにページの最上部からのピクセル数を計算することで、スクロールする要素の上端までのピクセル数とその高さを減算します。
duration = ($("content").offset().top + $("content").height()) - ($("rail").offset().top + $("rail").height().top);
はそれはとても思わ:あなたは<container class="content">
と一緒にスクロールしたい<div class="rail">
を含む右側のレールを持っている場合
はたとえば、オブジェクトは、「コンテンツ」の一番下までスクロールしたいです一度それを見ると簡単ですが、私はそれがこのように簡単であることに気づく前に、あなたがしたいことをやり遂げる方法を理解しようとしている良い時間のために私の脳を揺らしました。
0
関連する問題
- 1. Rubyは私がRabbitMQの でアクションをトリガするためにスニーカーの宝石を使用していますが、私は</p> <p>をトリガするための私のサービスを開始することはできませんRabbitMQの
- 2. は、どのように私は1つだけで、独自の救助ブロックを使用しない方法レスキュー終了</p> <p>を開始した標準的な技術を知っているの開始と終了ブロック
- 3. は、私は<a href="https://github.com/nvie/gitflow" rel="noreferrer">git flow</a>を使用し始めていると私はやっていることを理解
- 4. Flinkストリーミング:開始要素と終了要素で定義されたウィンドウを実装する方法は?私は次の形式でデータを持っている
- 5. 非私はスレッド 内のC++でinotifyを使用しようとするが、選択がブロックしているので、私のアプリケーションは、私はinotifyの時計を作成する方法を</p> <p>を終了したとき、私は、スレッドの外へ出ることはできませんinotifyを
- 6. NATIVESCRIPTでパラメータ化されたイベントを作成する方法は?</p> <p></p> <p>私はこのフォーマットは動作しません、ということを知っている:私は解決しようとしている
- 7. は、私は、私は2つの値を設定するには、このコードを使用し、私のサービスにそのattributes.so間<strong>STARTDATE</strong>と<strong>終了日</strong>を持つドメインクラスxを持つ
- 8. は、開いているファイルを閉じるためにcloseメソッドを呼び出します<strong>終了</strong>を呼び出すように私は、FPは私が開いたと知っているのpython
- 9. スパークDATAFRAME GROUPBYとソートは、私がスパークデータフレームを持っていると私はグループキーによって要素をしたいと私は使用していますソートされたリスト現在</p> <p>として結果を持って
- 10. は私がローカライズするモデルの束を持っていると私は可能な限り小さく、私の努力を維持する方法を探しています:)</p> <p>基本的に、私はMVCモデル定義
- 11. プロパティ「のgetMetaData」私は私が</p> <pre><code>console.log(Reflect.getMetadata('annotations',SectionsTemplateComponent)[0].template); </code></pre> <p>は私packegeに反映-メタデータを持っていることを知って、このエラーを取得することにより、私のコンポーネントのテンプレートを取得するために反映使いたいREFLEC
- 12. 終了スクリプト?私が持っている
- 13. フルカレンダーの開始日と終了日に基づいてデータアクセスを制限する
- 14. 開始時間と終了時間を1つの開始時間と終了時間に分割する
- 15. 私はJavaScriptを開始日と終了日使用して選択する2つの入力要素を持っているJavaScriptとPHP
- 16. はpythonでyaml.loadを使用しようとすると、私は<code>yaml.load()</code>の使用を理解しようとしていますが、でも、この単純なコードを実行すると、私のために動作しません
- 17. 私はこれまでのところ、私は<strong>register.jabber.orgを使用していた</strong>ジャバーアカウント</em></strong>を作成<em><strong>に、今私は私を作成したい私のサーバー</p> <p>にBOSH接続マネージャすなわちパンジャブを設定しているサーバー
- 18. Firebaseデータベース・ユーザーがアプリを終了したとき、私はサービスを開始し、私のAndroidアプリに通知
- 19. にはJavaScriptを有効にし、私は<code>fetch</code> APIを使用して自分のサーバーに<code>POST</code>データにしようとしていると私はやるたびに、私は空のボディで終わるAPI
- 20. トリガするためにどのように私は、私がすることによってクリックイベントをトリガするためにjqueryのを使用していた別のボタンを押すことで、これをトリガーするイベントに
- 21. 私はこのような終了の検証方法持っているJS
- 22. 私は入力を入力する代わりに終了する選択をしたいと思います
- 23. なぜ、私はこのエラーが発生するのですか? <code>Utterance</code>が完了したときに、私は何かをするので、私は<code>UtteranceProgressListener</code>を実装しているしている
- 24. Pythonの:<code>t= ({'count': 5L},)</code>ここ</p> <p>私はforループを使用する必要はありませんが、私はそれを行うことができますどのように5.Thenとして値を取得したい:私はのようなタプルを持ってaTuple
- 25. ジャンゴ:名前は、私は、カスタム・ユーザー・モデルを設定しようとしているが、メンバー</p> <p><code>ImportError at /members/login/ cannot import name check_password </code></p> <p>を認証しようとしたとき、私は私が知っている私のログインページに次のエラーを取得しています
- 26. これはjavascriptの終了ですか?私はこれを持っている
- 27. jQueryの基本的に私は何をしようとしているランチ</p> <p>で終了する必要がある知名度の高いクライアントのためにいくつかのjQueryのアニメーションをやってマウスアウト
- 28. ここ</p> <p>..私はdivの背景としてビデオを使用しようとしていますし、私はdiv要素のコンテンツビデオオーバーレイを表示するように管理することはできませんブートストラップ
- 29. 私の再帰関数は終了しません。私は間違って何をしていますか?
- 30. AngularJSワンタイムは私が私が私が私がデータを持っていたら、私は更新する必要がないため<code>ng-repeat</code>とワンタイムバインディングを使用していますリストを持っているスコープ
私は文書ごとのようにそのような規定は存在しないと思います。私はそれが実際に必要であるとは思わない。 –