制表符和类似Java的Material Design幻灯片

Question

我尝试使用javascript制作“材料设计幻灯片指示器”（观看图片）。>>

我使用Ionic来控制幻灯片（“滑动”，设置幻灯片或获取当前幻灯片），但问题并没有考虑。我已经尝试过$swipe和纯js，问题是一样的。

当我在幻灯片上滑动时，我希望指示器移动到滑动下方（就像在YouTube应用中一样，但是指示器移动稍有延迟

。

我已经在示例here中添加了注释，并使用黄色的div来模拟滑动区域和红色的指示符。我已经使用智能手机对其进行了测试。在我的示例中，我将指标移动到左边距。

我如何使指标更具反应性？还有另一种方法吗？

我已经尝试使用javascript制作“材料设计幻灯片指示器”（观看图片）。我使用Ionic来控制幻灯片（“滑动”，设置幻灯片或获取当前幻灯片），但问题并没有......>

Answer 1

我解决了延迟问题！

#linea {
  height: 5px;
  width: 33.333%;
  background:red;
  transition: 300ms /*<-- THIS IS THE PROBLEM*/