Ngx-drag-scroll: 拖动滚动在移动视图中不起作用

与#20有关

PR 出来了，我只是要再次审查代码并推送新版本。 如果您认为 PR 代码有问题，请随意提出任何意见。 @suresh2018 @nachocoig。

1.3.7 出来了。 如果这不能为您解决问题，请告诉我，再次感谢您的耐心。

@bfwg

1.3.6 显示单击取消错误，但 1.3.7 未显示此错误。
此版本也无法在移动设备中拖动滚动。

提前致谢

不工作 1.3.7

@suresh2018它对我

桌面工作正常。但不是手机（iphone 6 plus）

奇怪，你能给我看看你的轮播代码吗？ 您是否在实际设备上尝试过？

* 水平滚动 *

div class="hideoverflow" 拖动滚动

            img *ngFor="let img of pic.images; let idx = index" [src]="img .Image" 
              class="scroll-images"

          div

你们是否在触摸设备上尝试过拖动滚动演示（在 README.md 中）？

@拉希尔

演示拖动滚动不工作触摸设备

@suresh2018 @bfwg我在我的 Ionic 2 项目中使用这个库。 如果我在 Chrome Dev Tools Mobile 模拟器上模拟，滚动对我来说很好用，但我遇到的主要问题很少

1. 使用拖动滚动的屏幕，禁用该屏幕上的所有点击事件
   例如

<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col>
        <button ion-button (click)="foo()">Click Me!</button>
        <!-- On mobile view click stops working. If I remove [drag-scroll] it starts working again -->
      </ion-col>
      <ion-col>
        <div drag-scroll>
          <!-- *ngFor let item of items (horizontal scroll) -->
          <button ion-button (click)="someFunc()"></button>
          <!-- also click event don't work in mobile view. Fixes if [drag-scroll] is removed! -->
        </div>
      </ion-col>
      <ion-col>
        <button ion-button (click)="bar()">Click Me Again!</button>
        <!-- On mobile view click stops working. If I remove [drag-scroll] it starts working again -->
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

1. [scrollbar-hidden]="true" 从屏幕上移除整个拖动滚动组件（Ionic 2）。 “假”没有。

嗨， @rahil051

1. 点击事件不触发已在 v1.3.7 中修复。
2. 您需要为固定属性编写scrollbar-hidden="true"或简单地scrollbar-hidden 。 如果要将属性绑定到组件中的变量，则需要编写[scrollbar-hidden]="flagVariable"注意何时使用方括号。

更多信息请查看https://github.com/bfwg/angular2-drag-scroll/blob/master/demo/app/home/home.component.html#L26

@suresh2018我未能在 iPhone 6 Plus 上重现触摸问题。 我正在演示应用程序上进行测试。 你能克隆这个存储库并执行npm install && npm start以在端口:4200上启动演示应用程序吗？ 您可以使用 Chrome devtool 检查它是否适合您。

你好@bfwg ，很抱歉我的回复晚了（我在度假；D）

我重新安装了您的角度组件演示，是的，它适用于移动版本！
我也尝试在我的应用程序中使用它，它也有效！

感谢您的关注！

干得好！

嗨@bfwg ，

最后，我找到了这个问题。
需要设置水平宽度然后才有效

谢谢 ..

嗨@bfwg ，
最后，我找到了这个问题。
需要设置水平宽度然后才有效
谢谢

甜蜜的，很高兴这对你们有用。 我现在可以安全地关闭这个问题。

感谢您再次报告此问题！

嘿，这是迄今为止最好的 ng2 carousel 库！ 不过，我似乎无法让它在移动设备上运行。

• 演示应用程序在桌面和移动设备上运行良好
• 我的代码仅适用于桌面。 拖动在移动设备上不起作用

需要设置水平宽度然后才有效

我在拖动滚动、拖动滚动外部的包装器和拖动滚动内部的 div（所有可能的组合）上设置了宽度：100% ，但它仍然无法正常工作。

编辑：
我已经克隆了存储库，在移动设备上对其进行了部署和测试，并且运行良好。 我的 html 和 css 与 home.component 相同，但拖动仅适用于桌面。 我假设我的项目中不需要角材料。

嘿@kzntswsk ，感谢您的反馈。 你能用https://plnkr.co/做一个小演示

嘿@kzntswsk ，感谢您的反馈。 你能用https://plnkr.co/做一个小演示

我也遇到过这种情况。 我现在不能做 plnkr，但它似乎只能用scrollbar-hidden="true"来做到这一点，而只是scrollbar-hidden没有做任何事情。

编辑：如果我在开发工具中转到.drag-scroll-content并取消选择overflow: hidden auto;它修复它，但滚动条再次可见。 所以这似乎与用于隐藏移动滚动条的方法有关。

问题是在设备模式下的 Chrome Dev Tools 中不会触发事件