我正在使用fullpage.js(您可以在演示here中看到)与图片缩放(悬停)插件结合使用。
问题在于,当我在整页移动到新幻灯片时,光标碰巧(快速)在幻灯片动画期间传递过图像时,图像变焦有时会被激活,并且在动画停止后,放大部分在我再次移动光标之前,图像(来自上一张幻灯片)仍然可见。
另外,我只有一个缩小版本的缩放版本,所以无法从那里解决这个问题,但是,fullpage.js提供了各种回调,所以也许一个解决方案可能是"冻结"只要动画持续,就听悬停事件?有没有办法做到这一点?
答案 0 :(得分:2)
我可以想到两个快速选择:
<body>
上,然后在幻灯片切换完成后删除该样式。然而,这不会在IE10或更低版本上工作。