gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 18:10:06 26 4
gpt4 key购买 nike

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

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

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

offsetHeight > offsetWidth
offsetTop > offsetLeft
offsetBottom > offsetRight

我已经转换了 HTML/CSS,因此对象被定向为水平列表。我已经根据我的理论调整了 jQuery 以使其发挥作用。 (我一直关闭我的工作示例(第一个 jsfiddle 链接))

我的更改导致了以下 jsFiddle。 http://jsfiddle.net/WtCj8/8/ fiddle 不像我的第一个例子那样起作用。 jQuery 没有像我的第一个示例中那样命名过去/ future 的单元格。 我的问题是为什么它不起作用,我该如何解决/我必须朝哪个方向寻找解决方案?

这道题最重要的规则是:jsFiddle 中的 164 -242 这些是我为达到预期效果而进行更改的规则。

感谢一百万的帮助!我非常感激。

最佳答案

我在js 291行做了简单的修改http://jsfiddle.net/WtCj8/10/

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

还有一些关于 css 的调整(为 UL 设置 word-wrap 和 width auto)

关于javascript - 将 jQuery 和 CSS3 滚动效果从功能垂直滚动转换为所需的水平滚动的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18858473/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com