0

スーパースクロールラマを使用していくつかの要素をセットアップしました。下にスクロールすると、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>
4

1 に答える 1