スーパースクロールラマを使用していくつかの要素をセットアップしました。下にスクロールすると、1 つの要素が左から来て、別の要素が右から来て、中央で出会います。
問題は、ユーザーが下にスクロールする前に、要素が実際に隠れている場所まで実際にページを右にスクロールできることです。
スーパースクロールラマでこれを防ぐ方法はありますか?
HTMLとJavascript用に私が持っているコードは次のようなものです...
<div class="row">
<div class="col-md-6" id="fly-from-left">This content comes from the left</div>
<div class="col-md-6" id="fly-from-right">This content comes from the right</div>
</div>
<script>
$(document).ready(function() {
var sscr = $.superscrollorama();
sscr.addTween('#fly-from-left', TweenMax.from($('#fly-from-left'), 0.5, { css:{right:'10000px'}, ease:Quad.easeInOut }), 0, -350);
sscr.addTween('#fly-from-right', TweenMax.from($('#fly-from-right'), 0.5, { css:{left:'10000px' }, ease:Quad.easeInOut }), 0, -350);
});
</script>