带Javascript的标签指示器和幻灯片样材料设计

Question

​

我试着用javascript制作材料设计幻灯片指示器(观看图像)。

我使用Ionic控制幻灯片(以“滑动”，设置幻灯片或获取当前幻灯片)，但问题不考虑它。我尝试过使用$swipe和纯js，问题是一样的。

当我在幻灯片上滑动时，我希望指示器移动到滑动下面(就像在YouTube应用程序中)，但是这个指示器移动稍微延迟了。

我做了一个有注释的例子这里，我用一个黄色的div来模拟滑动区域和一个红色的指示器。我用我的智能手机测试过。

在我的例子中，我移动指示器，改变边距-左。

我怎样才能做更多的反应指标呢？还有别的方法吗？

Answer 1

我解决了延迟问题！

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

}