问题标签 [jquery-easing]

示例
首先，这是我的代码和问题： http:
//www.nathanstpierre.com/MBX/showoff.html

问题
所以我看到的是，当您单击左侧的按钮时，窗口会滚动到相应的标题。在除 Firefox 之外的所有浏览器中（包括... IE gasp），这都非常流畅。但是，如果您降低窗口的高度，它会在所有计算机上变得平滑。我已经在多台计算机和 IE 7-8、Google Chrome、Safari 和 Firefox 3.5 上尝试过这个。我已经消除了页面上的每一点图形和颜色，所以这些都不是问题。我已经摆脱了跟随你的侧边栏，不是这样。

理论
我认为 jQuery 缓动插件会计算你需要走的距离，然后除以指定的每单位持续时间需要移动的像素数（比如 30 毫秒内 300 像素，所以 10 像素/毫秒） . 其他所有浏览器似乎都可以使这个平滑过渡，但也许是窗口滚动事件提供的粒度没有压缩到足以让 Firefox 使它看起来平滑？或者我使用了错误的缓动插件，或者错误的设置。

编码

逻辑

为 sidenav onClick 上的每个 a 标签添加一个事件侦听器。这将获取文档中与该链接的 href 属性具有相同 ID 的元素的 offset().top，然后从当前的 scrollTop 动画到该元素的 offset().top。逻辑是合理的，并且在除 Firefox 之外的所有浏览器中都能顺利运行......据我所知。

认罪

我究竟做错了什么？这是一个错误吗？

谢谢！

更新

好吧，我不能凭良心选择这里提供的任何答案，因为他们都没有真正解决这个问题，所以如果你遵循这个选择你最喜欢的，赏金将去最高的那个票。

The issue appears to be the way that Firefox a) renders transparency and b) deals with scrolling events. Potentially with enough processor power this is a non-issue, but what makes me sad is that IE (of all browsers) is capable of rendering this fine on inferior hardware. I'll approach Mozilla with the issue and see if they've got anything to say about it.

For extra edification, the following are provided at no charge:

With Transparency
Without Transparency

EDIT: So the question has been answered, but now I can't choose it. Anyone know what's up with that?

FINAL UPDATE Enough time had passed that they let me have the bounty back, so I chose the answer that was correct. It looks like box-shadow and a few other effects cause some scrolling issues in firefox because of the way they render. FF 4.0 + handles this better, but some computers still have issues. This is a great heads up for people implementing CSS3: test the interaction on all browsers and see if the performance costs are justifiable.

所以我一直在玩 jQuery，我正在尝试让效果正常工作。我在页面中间有一个主要的方形 div，当有人单击链接时，我希望该框看起来像从页面上掉下来并消失，在它后面显示一个新页面。我一直在玩 easing 插件，但我似乎可以得到我想要的工作。基本上，我将 div 的上边距或仅顶部距离增加到很大。但是，这只会使 div 下降，但它也会扩展我的页面，并且它在页面上的位置要低得多。我基本上希望 div 脱离站点，而不是更改站点的尺寸。有谁知道该怎么做？

谢谢！丹尼

With this code I've been able to capture the mousewheel movement and apply it to the horizontal scroll bars instead of the vertical default.

Is there any way that I could add this jQuery easing animation to the scroll movement?

Thank you so much in advance!

我正在使用 localScroll 并缓和以平滑滚动我的网站： http: //www.pressedweb.com/beta

一切都很酷，但是如果用户在 localScroll 或 easing 完成他们的工作之前尝试滚动，它会开始闪烁并始终尝试完成动画。

非常感谢你们。StackOverflow 太棒了！

我需要一个平滑的幻灯片效果，我似乎无法理解我做错了什么。我试过以下

我做错了什么来使这种平滑效果发生吗

刚刚找到了graphicaljQuery Easing插件的图（）http://james.padolsey.com/demos/jquery/easing/

这些图表究竟代表了什么。

我曾多次尝试工作/分析 Easing Plugin，但我不明白它的真正功能

有人可以解释一下如何解决吗

这是关于 (mootools-like) kwicks Jquery 插件：http ://www.jeremymartin.name/projects.php?project=kwicks

我和这里的这个人有同样的问题jquery kwicks 问题（jquery 的 kwicks 在测试站点上可以正常工作，但在实时站点上不能正常工作）但在我的情况下，我知道问题是什么，我只是找不到答案，而且Kwicks 插件不再处于积极开发中。

我相信问题出在 Jquery 版本上。这个插件在 1.2.6 上工作得很好，但在 1.4.2 上就不行了。我试图检查插件的代码，但我不知道如何将其升级为与 1.4.2 Jquery 兼容。

我从未使用过 1.2.6，所以我不知道我需要更改哪些内容才能使其适用于 1.4.2。

请帮忙。谢谢！

PS> 请在下面找到插件的源代码（兼容 Jquery 1.2.6）。

我有一个我认为是简单的 jquery 的东西，但结果证明它很痛苦。

这部分的 slideUp 工作正常，但它不会向下滑动......但如果我取出 slideUp 的缓动部分，它确实有效。

有任何想法吗？

myDiv2 最初是隐藏的。

将线路更改为此有效，这就是为什么我觉得它有点奇怪......

我在 Mac 上使用 Safari 和 firefox 来测试它...

我有一系列图像鼠标悬停链接，悬停时会改变背景位置。是否可以在不更改我的 CSS3 的情况下对这些链接使用 jquery 缓动？如果是这样，有人有任何例子吗？

这是我的代码：

我正在寻找一个库（或插件）来帮助我创建幻灯片，其中（除了简单的图像排序）我能够定义给定图像的开始和结束位置（X/Y 或缩放）并且插件动画它们之间的干预步骤。

Flash 有很多这样的工具/库，我相信 jQuery 也见过类似的。理想情况下，它也能提供一系列缓和效果。我知道这些元素是 jQuery 原生的……我正在寻找一个经过时间考验的包装器。

谢谢