Ngx-drag-scroll: 方法 moveRight 不起作用或 RTL 支持问题

创建于 2018-06-19  ·  11评论  ·  资料来源: bfwg/ngx-drag-scroll

  • 我正在提交一个...

    • [x] 错误报告

  • 目前的行为是什么?
    我收到了一份问题报告和一个要问的问题。
    1-我认为currIndex已被错误地设置在数组边界之外在函数CurrentChildWith (第 274 行)中,它应该设置为length - 1 - 就像 if 语句的条件-. 这停止向右移动
    2-我认为RTL支持存在很多问题,因为reachesRightBound就发出 false 并且moveLeft即使在到达左边界后仍然有效,但在右界。

所有11条评论

@MortezaT ,抱歉回复延迟。 你能给我一些复制步骤和用例,以便我仔细看看吗? 谢谢!

@bfwg ,感谢您的回复。
目前我正忙于其他一些事情,但我会尽快完成。

没问题,慢慢来。

在这里你可以看到我的实现。 我希望这有助于解决问题。

@MortezaT ,2.0.0-

beta.2 和 beta.3 都没有工作。
他们都提出了错误,这表明它没有被角度识别。 这是错误:

 Can't bind to 'scrollbar-hidden' since it isn't a known property of 'div'.

我错过了什么?

@MortezaT ,2.0.0 使用drag-scroll作为轮播宿主元素而不是 div。 此外,要标记子元素,我们需要使用drag-scroll-item指令。

  <drag-scroll>
    <img drag-scroll-item src="some-url" />
    <img drag-scroll-item src="some-url" />
    <img drag-scroll-item src="some-url" />
  </drag-scroll>

更多信息可以在 README.md 中找到。

干杯。

@bfwg谢谢。
有没有新版本的文档,因为看起来它们太不同了。
我不明白为什么20px的宽度和高度增加了.drag-scroll-content

要隐藏滚动条,我们需要创建一个新的包装 div 并将该 div 插入到父 div 和轮播 div(.drag-scroll-content) 之间。

例如:
这是一个普通的轮播
image

当我们试图隐藏滚动条时,没有魔法! 我们只需创建一个包装器 div,并将该包装器 div 的大小设置为与容器 div 相同,但减去其滚动条的宽度/高度。 20px是当前浏览器中滚动条的高度/重量。

image

最后,我们分离容器 div,将包装 div 附加到父 div 并将容器 div 插入回包装 div。

image

由于包装器的溢出属性已设置为“隐藏”,因此不再显示滚动条。
我希望我的绘画技巧仍然可以在游戏中发挥作用😛

如果您有更多问题,或者新版本是否给您带来任何问题,请告诉我。

谢谢!

@bfwg
谢谢。 现在有了这个视觉解释,一切对我来说都是显而易见的,我承认这是一个聪明的主意。
除了第一次导航外,一切看起来都很好。 我必须在之前拖一点(只是有点不是完整的照片)才能让navs工作。
同时方法moveRight目前有效并向左移动滚动(结束)

我要关闭这个问题。 如果我需要重新打开这个,请告诉我。 谢谢!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

IlCallo picture IlCallo  ·  14评论

bfwg picture bfwg  ·  13评论

MortezaT picture MortezaT  ·  5评论

CrackerakiUA picture CrackerakiUA  ·  25评论

Another-Sam picture Another-Sam  ·  12评论