Javascript 将jQuery和CSS3滚动效果从功能性垂直滚动转换为所需水平滚动的问题

我今天一直在玩walk.js（） 我是jQuery的新手，但我正在努力学习语言来改进我的网站设计。我在这个问题上下了很大的努力，以确保我没有错过任何我还不知道的东西。任何帮助都将不胜感激

walk.js是为垂直滚动而构建的（参见本例）
我的目标是转换jQuery，这样插件就可以进行水平滚动。这将带来许多新的设计选择和新的自由

我已采取以下步骤来完成此任务：
在水平滚动中，页面的“顶部”是左侧，底部是右侧。高度不重要，但宽度很重要

offsetHeight > offsetWidth
offsetTop    > offsetLeft
offsetBottom > offsetRight

我已经转换了HTML/CSS，因此对象被定向为一个水平列表。 我已经根据我的理论调整了jQuery，使其功能化。（我关闭了我的工作示例（第一个JSFIDLE链接））

我的更改导致了以下JSFIDLE。 小提琴的功能与我的第一个例子不同。jQuery不像在我的第一个示例中那样命名过去/未来的单元格我的问题是为什么它不起作用，我如何解决它/我必须朝什么方向寻找解决方案？

对于这个问题，最重要的规则是：在JSFIDLE中，164-242这些是我为了达到预期效果而修改的规则

---

非常感谢你的帮助！我非常感激

我对js第291行做了一个简单的修改

---

还有一些css上的曲调（为UL设置自动换行和宽度）

我对js第291行做了一个简单的修改

---

css上也有一些曲调（为UL设置自动换行和宽度）

很高兴看到它工作了！谢谢。CSS的变化也是为了更好。你让我高兴极了。很高兴看到它起作用了！谢谢。CSS的变化也是为了更好。你让我开心。

function updateHeight() {
    list.style.width = window.innerWidth + 'px';
    stroll.bind('ul');
}