javascript - 幻灯片效果闪烁与SlidesJS

标签 javascript jquery css slider slidesjs

我有一个简单的布局,其中集成了一个 SlidesJS slider 示例。现在,问题是,每当它滑动到图像时,动画就会闪烁并且有问题。它会完美地平移位置,但刚完成后,它会后退一点又回来,就像想跑却被拉回正确的位置。

我已经为您上传了一个测试用例:http://test-ground.besaba.com/silmond/index.html

然而,最初的示例运行完美。我的布局中唯一改变的是 slider 的大小。我将容器的宽度设置为 56%,将其高度设置为 400px。

你知道为什么会这样吗?

最佳答案

啊,没关系。导致闪烁的原因是 css 和 javascript 动画/过渡的插入。

我有一个糟糕的想法,在我的代码中设置类似 * { @include transition(all, 0.2s) } 的东西。我在想这会更简单,因为每次我想要平稳过渡时我都不必添加这一行。但事实并非如此。

关于javascript - 幻灯片效果闪烁与SlidesJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21638251/

相关文章:

javascript - 根据日期动态删除列表项的代码

javascript - 从另一个文件访问函数的返回值

javascript - 我如何以类、命名空间的形式组织 javascript 代码(相同的 C#)

javascript - 在 jQuery 浮点图上添加或突出显示单个点?

css - 在 robotframework 中选择同一个类的 css 图像定位器

CSS 不关闭

javascript - 无法访问资源请求的回调函数内的变量

javascript - 跨文档/窗口 AngularJS 应用程序

javascript - 稍后如何触发 native 点击操作(重播事件)?

jquery - 如何让 div 框显示在屏幕内(不被截断)