Question

我设置了一些带有superscrollorama的元素，在向下滚动时，一个元素从左边进入，另一个元素从右边进入，它们在中间相遇。

问题是在向下滚动之前，用户实际上可以将页面向右滚动到元素实际隐藏的位置。

有没有办法防止这种情况发生在superscrollorama？

我对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>

Answer 1

假设您没有在网站中水平滚动的内容，可以使用：

body{
  overflow-x:hidden;
}

使用superscrollorama避免页面宽度

1 个答案: