【问题标题】:Scroll through dates using a carousel使用轮播滚动浏览日期
【发布时间】:2026-01-28 01:55:01
【问题描述】:

我已经构建了一个轮播,让用户可以使用 slick 库轻弹/滚动浏览日期。我在图书馆有一些小问题,还有一个大问题。

您可以在此处查看轮播: http://radiant-meadow-8480.herokuapp.com/

用户=测试,

pw=测试

我将列出这些问题,希望您能帮助我解决它们,但如果没有,它可能会帮助您向我推荐另一个库。

  1. 事件仅在您松开点击(鼠标向上)时触发。我想来回滑动手指/鼠标,然后查看屏幕上的数据变化。

  2. 您不能将手指/鼠标放在一侧并滚动浏览一堆幻灯片。您只会滑过几张幻灯片。

最大的问题是,如果您在其前面添加幻灯片,您当前正在查看的幻灯片将会发生变化。要克服这一点,您必须销毁光滑的对象,然后重新初始化它。这使得它变得不那么流畅,并且在我的旧 iPhone 3g 上几乎无法使用。

我没有任何易于共享的代码,但我希望页面上的演示以及我列出的问题可以帮助您推荐更适合的库,或者修复我当前的实现。

我也看过 iScroll,但无限滚动给我带来的只是问题,而且文档似乎缺乏投标。据我了解,作者正在开发一个更新版本,并且已经超过 6 个月没有更新当前版本了。

【问题讨论】:

    标签: javascript jquery carousel


    【解决方案1】:

    我会向前迈出一步,质疑你对轮播的使用。

    为什么?

    1. 如果您正在进行移动开发,请允许移动设备使用其内置设备,例如iPhone 使用

      <input type="date"/>

      Date Picker for iPhone Web Application

    2. 桌面上用于日期选择的轮播充其量是笨拙的,包括这个。

    3. 轮播(尽管您的略有不同)通常被认为是糟糕的 UI。当然,这更像是一个滑块而不是轮播。参考:

    幽默例子: http://shouldiuseacarousel.com/

    很好的解释: https://ux.stackexchange.com/questions/10312/are-carousels-effective

    【讨论】:

    • 非常感谢您的回复。实际上,我在进行研究时遇到了您发布的大多数链接,但有点无视它们,因为我的用途似乎不同。我将仔细研究 。我也遇到了这个应用程序,youtube.com/watch?v=AGWp57xtc10。真的很喜欢你可以在 30 秒内看到的日期滚动内容。我还没有尝试过这个应用程序,但添加显示了我正在尝试创建的内容。
    • 如果您发现它不符合您的要求,那么 Date Picker 链接对其他库的使用有一些建议。祝你好运:)