Jquery 从左到右到特定id的动画滚动

我试图得到一个从左到右的动画滚动。 我知道这个问题被问了很多，但我的问题有点不同。 此网站不会水平滚动，但会垂直滚动并将其转换为水平滚动

window.onscroll=function() {
    var scroll = window.scrollY;
    $('#page').css('left', '-' + scroll + 'px');
}

---

我有一个类似的问题，请看这里的答案

此代码最适合我：

$(document).ready(function() {
$('.scrolls//PUT YOUR DIV CLASS/ID or 'html, body'//').animate({ 
    scrollLeft: 4000
}, 100000, "linear");
});

---

我的问题有两个方面，当用户与滚动条交互时，我需要能够停止动画。不过，到目前为止，我还没有发现任何有效的方法/

对我来说有点太晚了，但我希望有人会觉得这很有用，谢谢。