问题标签 [scrollto]

我正在创建一个页面。我有以下 HTML：

我想要实现的是单击链接时。使用 jQuery 查找与链接 href 具有相同 id 的 div，然后将页面滚动到该 div。谁能指出我正确的方向？我正在努力解决的问题是如何将 id 与 href 匹配。

非常感谢。

我想知道是否有可能获得这样的菜单：http ://www.pitgroup.nl/over-ons/ （在左侧的 ons 菜单上）但编写的代码更少。

我所拥有的是：

一点CSS：

这是一个最简单的垂直列表，现在我希望它的行为类似于给定的链接http://www.pitgroup.nl/over-ons/。我花了几个小时搜索类似的东西，但只有我发现的脚本是下拉菜单或类似菜单，但在过度页面上的行为却不同。

任何人都可以帮忙，我应该在 jquery 文档中阅读什么来制作这样的东西。或者也许你们中的一些人已经有了这样的东西？

编辑：点击位置 - 你会看到整个列表向下或向上移动，这就是我需要的效果。

刚刚从 SO 用户那里得到了关于这个问题的一些很棒的帮助：

jQuery在窗口滚动动画背景图像位置

正如您在此处看到的，我想在用户滚动页面时逐步滚动 divs 背景图像。看到这个工作版本：

http://jsfiddle.net/nicklansdell/HFxVj/4/

给出的答案完美无缺。然而，除了能够使用浏览器滚动条滚动页面外，我还想包含一些额外的功能，当单击锚点时，可以将页面滚动到 div 哈希位置。我正在使用 scrollTo 插件来实现这一点，它完美地工作，直到我包含以下 CSS：

不幸的是，如果我包含这个页面 scrollTo 动画不起作用但包含它允许背景图像位置动画工作，它似乎是一个或另一个，但我当然需要两个:-) 有人可以在这里提出解决方法吗？提前谢谢了。

编辑*

我已经把我的问题缩小了一点。问题与正文无关，html 被设置为高度 100%。归结为给#page div 一个物理高度。背景图像滚动需要 100% 的高度，但不需要为 scrollTo 工作指定高度。请查看我的 JSFiddle http://jsfiddle.net/nicklansdell/HFxVj/4/更新并使用#page 样式来了解我的意思。

我已经建立了一个使用 jquery 和 3 个插件的网站...

1. jquery.lightbox-0.5
2. 滚动到
3. 播放器

我的 jPlayer 脚本和 ScrollTo 脚本之间仍然存在某种冲突。如果没有 jPlayer，ScrollTo 脚本可以正常工作。但是当我添加 jPlayer 时，ScrollTo 函数将页面滚动到选定的 div，但随后将滚动返回到页面的顶部，而不是停留在选定的 div 上。

有人可以帮助我了解冲突是什么。我可以在同一页面上使用这两个脚本吗？

这是我正在开发的网站。

http://www.multiplydivide.com/colm/mainorder.html#

我为我的应用程序使用 jqtouch 和 iscroll。我使用 ajax 加载所有页面，当我从 ajax 加载页面返回到索引（菜单列表）页面时，该页面滚动到顶部。我怎样才能防止这种情况？谢谢。

我试图看看是否有可能有一些简单的 HTML 标记，如下所示：

...然后，当使用某种简单的 JQuery 脚本加载新#location1页面时，它是否向下滚动到 ID？或者，如果这是可以通过 scrollTo 插件实现的，我该怎么做呢？

问题是该链接存在于 pageXXX 上，并且要滚动到的 ID 位于所有页面上，即。pageXXX、page1、page2、page3 等......理想情况下，如果还有一种方法可以从 URL 中删除哈希标记和标识符，那也很好，但目前只需让它顺利向下滚动到新页面上的 ID 就是我所追求的。

我正在构建一个使用 Ariel Fleslers jQuery LocalScroll 插件的网站，我想做两件事：

1) 单击链接时将滚动动画到锚点
2) 按下浏览器的后退按钮时滚动到先前访问的锚点。

滚动发生在内容溢出的容器内。

第一个是直截了当的。为了获得第二名，我进行了相当多的谷歌搜索，但并没有真正找到解决方案，尽管我遇到了一些想要做类似事情的人的帖子。

我最终使用了 Ben Almans jQuery hashchange 事件插件和 LocalScroll 来实现所需的结果，代码如下所示：

上面的代码，尽管我在编码方面有点 hack（不是双关语），但在 Firefox、Explorer 和 Opera 中可以满足我的要求。但是，我在 Chrome 和 Safari 中遇到了不同的问题。

在 Chrome 中，基本上，当点击链接时滚动是动画的，但是当按下浏览器的后退按钮时，它只是跳转到锚点而不动画过渡。不过，仔细观察，似乎它确实偶尔会为后退按钮设置动画，但我无法理解为什么它只是在某些时候才会这样做。

在 Safari 中，无论是单击链接还是使用后退按钮，它都会跳转到锚点而不进行动画处理。

在我实现 hashchange 事件解决方案之前，动画在 Safari 中有效，当时代码如下所示：

是否有人对导致 Chrome 和 Safari 出现这些问题的原因有任何想法？正如我所说，我是一名设计师，而不是编码员，这确实在扩展我的能力，所以请随时指出我在上面的代码中犯的任何错误，无论它们是否与手头的问题无关或不。

另外，感谢 Ariel 和 Ben 提供这些出色的插件。

编辑：好的，这是另一件奇怪的事情，当我将网站上传到我在本地运行的测试服务器时，滚动链接点击在 Safari 中有效，即使当我在服务器外运行时完全相同的代码不起作用。无论如何，当按下后退按钮时，Safari 和 Chrome 都不会触发动画，因此问题仍然存在。

我似乎无法让 scrollTo jQuery 插件在我的 Facebook 应用程序中工作。我正在使用它来移动窗口，因为我有一个表格在填写时需要垂直增长。我的代码正常工作，但在 Facebook 环境中不行。

任何人都可以向我解释为什么这不起作用，并且在尝试在 iframe 中移动浏览器“窗口”时通常需要采取任何特殊考虑？

如果有绕过使用scrollTo的问题的替代解决方案，我也对此持开放态度。谢谢！

我正在为与幻灯片放映非常相似的摄影师编写功能。我决定使用 jQuery serialScroll 插件（它搭载在 scrollTo 插件上）来实现这种效果。我的代码基于serialScroll 演示页面上的幻灯片，这几乎正是我正在寻找的功能。

我已经让代码成功运行，但我想再实现一个效果。如果可能的话，我希望幻灯片中的项目（在我的情况下是<li>元素）默认为半透明，只有当前（或“活动”或“选定”）项目以 100% 不透明度显示。

我可以使用 CSS 轻松控制透明度，但我很难跟踪 serialScroll 动画到的最后一个项目。如何通过 jQuery 与当前“活动”项目进行交互，以便给它一个类或执行其他操作？

我不太清楚 scrollTo() 插件功能。

我想要做的是水平地到达特定的目标（就像一个场景到另一个场景）。这是我的一些代码：

它根本不起作用。任何人都可以尽快简化或解释这个问题的正确方向吗？

非常感谢。（已包含 Jquery lib 和 scrollTo.js。）

PS请原谅我凌乱的代码，我在这方面有点新。谢谢你的帮助。