1

我今天一直在玩 walk.js ( http://lab.hakim.se/scroll-effects/ ) 我是 jQuery 新手，但我正在努力学习这门语言来改进我的网页设计。我在这个问题上付出了很多努力，以确保我没有错过任何我还不知道的东西。任何帮助将不胜感激！

walk.js 是为垂直滚动而构建的 http://jsfiddle.net/WtCj8/7/（参见这个例子）
我的目标是转换jQuery 以便该插件适用于水平滚动。这将提供许多新的设计选择和新的自由。

我采取了以下步骤来实现这一点：
在水平滚动中，页面的“顶部”是左侧，底部是右侧。高度不重要，但宽度很重要。

offsetHeight > offsetWidth
offsetTop    > offsetLeft
offsetBottom > offsetRight

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

我的更改导致了以下 jsFiddle。http://jsfiddle.net/WtCj8/8/ 小提琴不像我的第一个例子那样起作用。jQuery 不像我的第一个示例中那样命名过去/未来的单元格。我的问题是为什么它不起作用，我该如何解决它/我必须在什么方向寻找解决方案？

这个问题最重要的规则是： jsFiddle 中的 164 -242 这些是我为达到预期效果所做的更改。

感谢一百万的任何帮助！我非常感激。

4

1 回答 1

1

我对 js 第 291 行http://jsfiddle.net/WtCj8/10/做了一个简单的修改

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

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

于 2013-09-17T19:53:13.873 回答