问题标签 [sly-scroller]

我已经在 sly.js 的 Google 组中发布了这个问题，但我想增加获得答案的可能性，所以我也在这里发布。

我正在使用 sly.js 创建一个水平导航菜单。当导航菜单所在的页面加载时，它会运行动画以将活动项目滚动到窗口的中心。当另一个导航项被激活时，页面会重新加载新数据，并且将活动项滚动到中心的动画再次发生。

我很好奇是否有可能使用 sly 加载具有活动元素的页面，活动元素已经居中，并且不运行动画。

我试图让 Sly 库仅从 Macbook Pro 的触控板上滚动 FRAME div。需要明确的是，我专门寻找.slidee使用两个手指手势滚动我的框架（元素内部）中的项目——我对点击和拖动不感兴趣。

我有以下内容：

这些的 SCSS 在这里：

但是，我无法水平滚动，#frame也不确定这是否是受支持的功能。任何帮助是极大的赞赏！

我正在使用 sly.js 进行水平滚动。它在除 Chrome for Win10 之外的所有浏览器上都能正常工作。特别是，当我滚动页面并且光标位于 sly.js 的一个项目上时，它会水平滚动。我想要的是仅使用拖动/平移事件水平滚动。该行为在适用于 Ubuntu 的 Chrome、适用于 Mac OS 的 Chrome、Safari、Firefox、Edge 上是正确的。一个例子在这里http://darsa.in/sly/examples/horizo​​ntal.html

我正在使用我用狡猾的工具darsa.in创建的日期选择器，一切都很完美，除了如果用户更改日期太快，JavaScript 不会触发函数的正确日期。

有没有办法做到：

或者有没有办法创建一个变量并仅当该变量在 x 时间内没有改变时才触发该函数？我需要给 JS 一些时间，以便在用户到达目标日期之前它不会触发该功能。

下面是一些代码。

当日期选择器更改时，我调用loadDateMatches()它将所有匹配项加载到 HTML 中。但是，例如，如果您在第 1 天和第 5 天之间快速更改，它可能会在第 3 天停止加载匹配项。

我正在寻找一种在没有更改日期的情况下不触发该功能的方法。loadDateMatches()

我面临着一个我整天都无法解决的问题。到了晚上，我无法理解导致问题的原因。现在，我知道是什么原因造成的，但我不知道为什么会导致这个问题。

首先，我正在开发基于materialize.css 作为前端框架的新cms。正如您在下面的链接中可以看到的那样，一个在另一个下面有两个导航，我在第二个导航上使用 Sly Jquery 滚动条，因为它提供通过触摸滚动。它在桌面上运行良好，但在移动设备上无法正常运行。

问题源于第一个导航中的两个下拉菜单。当第一个导航栏中的两个下拉菜单处于活动状态时，狡猾的滚动条会在第二个导航中开始或结束导航栏。但是当我删除这两个下拉列表之一时，通过触摸滚动工作正常。我在下面有 3 个链接，在第一个链接中，两个下拉菜单都处于活动状态，在第二个链接中只有第一个下拉菜单处于活动状态，在最后一个链接中只有第二个下拉菜单处于活动状态。

我希望你能以某种方式帮助我，我花了很多时间来解决这个烦人的问题，但我能做的就是理解问题的原因：S

链接：
第一：https ://adminblt.aydinbulut.com/welcome

二：https ://adminblt.aydinbulut.com/welcome2

第三：https ://adminblt.aydinbulut.com/welcome

我已经使用 darsain 的 Sly 滑块设置了一个水平滚动导航，但也将它与一些 jQuery 结合起来，当用户滚动页面时将相应的导航设置为活动状态。然而，在移动设备上，两个导航项显示了活动的 CSS，尽管只有一个反映了添加的“活动”类。

问题：

• Sly 设置为在单击时更改活动状态，因为这对于导航来说是正常的
• 由于上述设置，如果有人只是在页面中滚动，他们的活动状态会因为我的附加 jQuery 而发生变化，但是因为 Sly 只在点击时识别活动，所以滑块在滚动时不会强制使活动项目居中。
• 由于这个问题，用户将不得不横向滚动导航以查看其他导航项目是什么，这将为单击的项目添加一个活动状态，但如果他们继续滚动，下一个可见部分也将获得活动 CSS （因为我添加了 jQuery）。

错误： 由于触摸滚动，这显然是移动唯一的问题，但这是我在手机上调试时发现的两个错误：

1. “由于目标被视为被动，无法在被动事件侦听器中阻止默认设置。”

2. “忽略取消使用可取消 = false 的 touchend 事件的尝试，例如，因为滚动正在进行中且无法中断。”

请参阅此处的错误屏幕截图和显示“活动”CSS 的两个链接

我想弄清楚的是，是否有一种方法可以允许基于单击或滚动更改活动状态的 jQuery 函数，但如果发生新的滚动或单击，请确保删除活动的 CSS？就像看起来两者都在工作一样，但是，当有人在点击后滚动时，它们似乎只是重叠。

任何想法或方向都将有助于解决这个问题！我在这里包含了一个基本的JSFiddle（如果你想真正看到这个问题，请检查来自移动设备的链接）。这是正在使用的 jQuery（包括 Sly）：

我使用 Darsain/Sly ( Github ) 构建了一个产品滑块。它工作得非常好，但没有实现无限循环的功能。在 Github 上，我发现了相同的报告问题。

有没有人使用过这个库并且知道如何添加简单的幻灯片循环？

我的想法是从这里使用方法 next()、prev()、add()、remove()并创建自己的函数来做到这一点。

或者，也许您可​​以推荐任何其他类似的库来达到这里的结果

使用狡猾的垂直滚动条如何添加自动播放？所以它开始移动幻灯片。

例子：http://jsfiddle.net/9dJfQ/