延迟或滚动开始动画

Question

我目前有一个网站，其动画在5秒后开始（使用JQuery延迟功能）。我的问题是，我还尝试增加在滚动时启动这些动画的可能性，以便用户在滚动时可以跳过动画。我已经尝试过放置if语句，但是它不起作用。

$(document).ready(function() {
    if ($(window).width() < 767) {
        $(".container-title").delay(5000).animate({top : "10rem"}, 1500);
    } else if ($(window).width() < 1192 && $(window).width() >= 767) {
        $(".container-title").delay(5000).animate({width : "730px", top : "9rem"}, 1500);
    } else if ($(window).width() > 1192) {
        $(".container-title").delay(5000).animate({top : "9rem", width : "677px"}, 1500);
    }
});