Question

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

我使用Ionic来控制幻灯片（到＃34;滑动＆＃34;，设置幻灯片或获取当前幻灯片）但是问题并没有考虑到它。我尝试过$swipe和纯粹的js，问题是一样的。

当我在幻灯片上滑动时，我希望指示器移动到滑动下方（如在YouTube应用中），但指示器稍微延迟。

我做了一个带有评论的示例here，我用黄色div来模拟滑动区域和红色指示。我用我的智能手机对它进行了测试在我的例子中，我移动指标改变了左边距。

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

Answer 1

我解决了延迟问题！

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

}