避免使用superscrollorama的页面宽度

Question

我已经设置了几个元素，当向下滚动时，一个元素来自左边，另一个来自右边，它们在中间相遇。

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

有没有办法防止这种情况发生在超级西红花上？

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