问题标签 [smooth-scrolling]

我希望这不会太复杂。

我正在尝试帮助某人使用 jQuery 轮播类型滑块（希望是 Smooth Div Scroll：http ://www.smoothdivscroll.com/ ）来显示数据库中的产品。不幸的是，他们正在使用一个名为 4D 的平台，并且他们希望自己编写所有的数据库脚本。将有成百上千的产品（每个都有 1 张缩略图）。他们希望一次只在轮播中加载 60 个左右，以免一次加载所有内容而使网站陷入困境。

我无法控制服务器端脚本，也无法控制他们选择显示多少产品。我基本上是为他们准备了一个 HTML/jQuery/CSS 模板。我只是在想如何向他们解释这一点。而且我想确保我是对的，因为我不是 jQuery 专家。

他们说从数据库中提取的记录数是前端 jQuery 函数，而我说 jQuery 只是显示数据库查询提供的内容。由他们来选择要服务的总记录数。我不在那儿吗？有没有办法让我（jQuery）说一次只加载（加载，不显示）60条记录，直到用户滚动足够远需要更多，然后从查询结果中获得更多？或者他们是否必须对 60 条记录的每个部分进行数据库查询（可能基于 jQuery 中的一个钩子告诉他们是时候查询下一组了）？当然，当用户到达轮播结束时，无论如何都会加载所有内容......是吗？

我确信这将是两者的结合，但他们正试图让这一切成为我（jQuery）......我只需要确认我的思路正朝着正确的方向发展。

想法？

谢谢！艾莉森

在我的应用程序中，我有一个包含自定义 UITableViewCells 的 UITableView。滚动非常缓慢和滞后，我需要解决这个问题。

每个单元格包含 5-6 个标签、几个按钮和一个图像。

我有一个单元格的 xib，我在其中放置按钮、标签和图像视图，但我在 cellForRowAtIndexPath 中设置了所有图像。要加载我使用 [UIImage imageNamed:@""] 的图像，我阅读它更适合优化。我也是重用细胞。

我还发现，即使我注释掉并且不设置图像，表格仍然是滞后的，只有带有文本的标签。

有没有人对如何拥有一个相当复杂的表格单元格同时仍然具有良好、流畅的性能有任何建议？将自定义单元格作为 xib 会影响性能吗？

我创建了一个从 TScrollbox 派生的自定义滚动框，它的工作原理相同，除了在客户端区域中拖动时它会滚动，而不是滚动条。

我现在的问题是当鼠标位于 CustomScrollbox 内的按钮或面板上时，我无法拖动到滚动。

MouseDown、MouseUp、MouseMove 覆盖不会触发，因为它悬停在不同的控件中。

当我开始拖动时，如何继续跟踪 MouseDown、MouseUp、MouseMove 并防止 Button/Panels 事件触发（在我的 CustomScrollbox 内）？

这是我流畅的 CustomScrollbox的视频

我试图在一些页面中使用 jQuery 的页面滚动，并且可以成功地进行平滑的页面滚动。我现在唯一的问题是尝试从不同的页面执行此操作时。我的意思是如果我点击页面中的链接，它应该加载新页面，然后滚动到特定的 div 元素。

这是我用来在页面内滚动的代码：

我希望这个想法很清楚。

谢谢

非常重要的注意事项：我上面发布的这段代码在同一页面内效果很好，但我所追求的是单击一个页面中的链接并转到另一个页面，然后滚动到目标。我希望现在很清楚。谢谢

我需要显示一个很长的文档，其中有编号的部分。用户可以简单地手动滚动文档。当他们这样做时，导航栏上的相应选项卡会突出显示。当然，单击选项卡会导致文档直接滚动到该位置。

我一直认为在文档旁边永久可见的垂直导航栏将是最佳方向。

当然这已经完成了，但我试图找到例子。我真的很想看到有人用 jquery 来做这件事。

编辑： http ://pagescroller.com/几乎就是我所说的。不过，它处于测试阶段。还有其他选择吗？

我得到了这个脚本...

...但是当页面滚动时我遇到了页面跳转到顶部的问题，但是如果我取出该行...

它可以正常工作，滚动也很好，但是 URL 不会附加到被单击的锚链接。

基本上我需要显示的网址：http ://www.example.com/#home <--注意哈希。

提前致谢！

jsFiddle 中的示例可以在http://jsfiddle.net/HRewD/17/中正常工作

但是..当我尝试在 wordpress 中实现时，没有平滑的滚动链接:(

我觉得这可能与 $'s 有关，所以我将它们全部从 $ 更改为 jQuery，这通常可以工作，但这次不行。

我也尝试按照建议使用 jQuery.noConflict() 但没有运气。

我目前正在本地处理此站点，因此目前无法在线链接到该站点。

我有一些其他插件运行良好，它们调用 jQuery，所以 jQuery 1.6.4 肯定正在加载。

我意识到我没有做太多的工作，但我真的很感激能帮助我解决这个问题的任何线索。因为此时我被难住了。

因此，如果有人能伸出援手，我将不胜感激。

---

更新：

我一直在断断续续地解决这个问题，并进一步缩小了范围，但我仍在努力解决所有问题。我在控制台中收到一个错误，这是因为一个不可见的字符（我猜是由 JSFiddle 创建的？！）。我在代码的不同位置运行了一个简单的警报功能，它显示得很好。

截至目前，我没有注意到控制台或 safari、FF 和 Opera 开发工具的“资源”部分中的任何错误，但只有在 chrome 中我才收到错误

event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

仅在单击下一个或上一个后，我才会收到此错误，错误左侧的数字在每次单击后以 2 为增量增加。

我的html：

我的CSS：

我的JS：

我的脚本在functions.php（wordpress）中被调用：

这是我之前提供的 JS Fiddle 中的一个工作示例

我在 JS Bin 和静态 html 页面中也有这个工作，但在 wordpress 中没有。

我尝试过的事情：

我已经确保 Jquery 库实际上是使用这个函数加载的：

返回 1.6.4。我发现这个版本似乎来自 jquery 工具脚本。

我已经停用了所有其他插件，以防有些插件可能正在加载他们自己的 jQuery 库。我已经隔离了我在我的functions.php文件中加载的脚本：我试图注销wordpress'包括JQ并且只加载1.6.4，只加载1.7.1，加载两者，不加载并且希望wordpress'包括JQ库做这个伎俩以及重新安排他们加载的顺序，但这些都没有让我对这个问题有任何洞察力。

我已经测试了变量是否存在并且可以从我前面提到的 JS 脚本中获得，并且脚本返回确认变量的存在。

我尝试过使用 $ 符号玩：

并将所有实例更改为 $jq 以及 jQuery，但都不做任何事情。

我还尝试更改#next、#prev、.post 变量的名称，认为它们可能与具有相同名称的其他变量发生冲突，但没有。

我检查了文件路径，阅读了许多论坛主题

其他值得一提的事情：

我有其他 jQuery 模块在这些相同的库中工作？？没有控制台错误？？这可能没有用，但我注意到的一件事是，在单击上一个或下一个之后，我的屏幕将拉伸，因此页面右侧的滚动条现在被隐藏，但立即重新出现。

这可能是过度杀戮，但我觉得提供来源可能是一个好主意（仍在本地工作并且无法链接到该站点）：

在这一点上，我不知道还能尝试什么。显然有些事情不正常，但对我来说并不明显。我想这很简单，而且我以这种方式比它需要的更复杂。我真的可以使用一些帮助来解决这个问题。

所以如果有人注意到我做错了什么，请指出我思维过程中的错误，因为我不知道这个冲突来自哪里。

谢谢，尼克

更新：

从函数文件中删除 jQuery 工具和 1.7.1 仍然不能解决问题。

我继续上传该网站以简化此过程。

这里

到目前为止，我的函数文件中有一个脚本，我正在尝试使用 wordpress 中包含的 1.7.1 库来避免库冲突。

所以也许现在我正在处理的页面是可见的，这将更容易缩小范围。

谢谢，尼克

我在使用 jquery 插件 smoothdivscroll 时遇到了一些问题。

本质上，我试图让插件作为这个页面运行：http ://www.smoothdivscroll.com/demo.html

但是，我更改了 javascript，因为它需要自动滚动但允许热点也可以工作，但在离开热点的鼠标上恢复为自动滚动。

虽然下面的代码有效，但在您将触发器留在右侧后，它会“重置”回第一个 div。

有什么方法可以将其设置为从设置位置恢复滚动？

代码：

我一直在我的一个网站上使用 SmoothDivScroll，但它似乎无法正常工作。我有一个带有颜色框的可滚动画廊。你可以在这里查看网站：

http://www.lazza.com.mx/ee/obras

我已经用 Chrome、Firefox 和 IE 对其进行了测试，它们都有同样的问题：有时它会加载，有时它不会。当它加载时，当你用光标引导滚动时，它会突然停止，而不是不断地平滑滚动。

任何帮助都将受到欢迎。提前致谢。

有人在 Smooth-Div-Scroll 和 iPad 上取得过成功吗？

我的网站似乎没有滚动。

http://paulcostello.net/html/main.html