在页面滚动上水平滚动文本div

Question

我正在使用anime.js相对于垂直滚动位置，将文本块水平滚动到视差滚动。目前，我正试图获得相对滚动完成百分比，如此 -

var s = $(this).scrollTop(),
horizontal = $('#horizontal'),
d = $(document).height(),
c = $(this).height();
scrollPercent = 100 * (s / (d - c));

然后，我正在尝试为溢出的文本div设置scrollLeft，如此

var scrollPos = scrollPercent * ($(document).width() - horizontal.width()); horizontal.scrollLeft = scrollPos

我不确定如何继续这样做。理想情况下，我也想避免jQuery，因为我正在使用anime.js来制作所有其他动画。