ScrollMagic场景在调整窗口大小时更新

Question

我正在使用Scrollmagic和Tweenlite设置动画。问题是我需要动画在不同的屏幕尺寸上是不同的。

我试图在调整窗口大小时重置动画的进度，但是在对“调整大小”事件进行更改后，动画的持续时间被弄乱了。

这是我设置动画的方式：

if

我在调整大小事件中尝试过这样的事情：

<li>
    <a href="#" onclick="delete()">Delete</a>
    <form id="delete-form" action="{{ route('companies.destroy',[$company->id]) }}" method="post"  style="display:none;">
    <input type="hidden" name="_method" value="delete">
    {{ csrf_field() }}
    </form>
</li>

<script type="text/javascript">
    function delete()
    {
        var result = confirm('are you sure you want to delete this project?');
        if(result){
            event.preventDefault();
            document.getElementById('delete-form').submit();
        }
    }
</script>

现在，在我更改屏幕大小之前，动画可以正常工作。更改屏幕大小后，动画的持续时间有所不同，并且在动画结束指示符之前结束。