javascript - 使用 superscrollorama 避免页面宽度

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;
}