【问题标题】:vertical sliding app enyojs垂直滑动应用 enyojs
【发布时间】:2014-02-20 05:48:17
【问题描述】:

我们在 Enyojs 采样器中有这个例子 http://jsfiddle.net/qD3bJ/

我们可以让面板垂直排列而不是水平排列吗?

{kind: "Panels", fit: true, classes: "panels-sample-sliding-panels",arrangerKind: "TopBottomArranger", wrap: false

我尝试将arrangerKind 属性更改为“topBottomArranger”,但没有正常工作。

{kind: "Panels", fit: true, classes: "panels-sample-sliding-panels", arrangerKind: "TopBottomArranger", wrap: false

TIA

【问题讨论】:

  • 我认为让面板垂直排列会出现一些问题,因为滚动条也是垂直的。将不得不考虑这一点。滚动条是否需要成为面板中的组件?否则这样的事情应该可以工作:jsfiddle.net/aarontam/55EzP/1
  • 我已经查看了 TopBottomArranger,但它的问题是,它不够直观,无法让用户知道需要将其拉起才能转到下一个面板以及滑动时up 事件发生时,前一个面板也会向上滚动,在此滑动应用程序示例中它停留在其位置,新面板与它重叠。这就是我想要实现的目标。
  • 啊,我明白你在说什么 - 我刚刚发布了一个更新的答案,应该可以解决这些问题。

标签: javascript css enyo


【解决方案1】:

下面是使用自定义 VerticalCollapsingArranger 的面板的快速操作,它是自定义 VerticalCarouselArranger 的子类:http://jsfiddle.net/aarontam/rL89M/

我基本上只是将任何水平属性更改为垂直属性,但会考虑将其与现有的排列器集成,以便垂直/水平属性可以成为一个选项,而不是单独的排列器。随时根据需要或需要继续修改!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-04-05
    • 1970-01-01
    • 2010-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多