我正在处理我的个人网站,并且在动画方面遇到了一些麻烦。
http://raddevon.github.io/personal-site/
https://github.com/raddevon/personal-site/tree/dev
每个项目行在文本旁边都有一个箭头。单击时,它应更改图像的左侧位置以将其推出视口,并移动文本以占据页面的整个宽度。
这在Chrome中非常有效。在Safari中,动画可以正常工作,但它会为右侧创建空间,即使行overflow
设置为hidden
,也会向右滑动。然而,在Firefox中,动画永远不会发生。箭头被换出(左边是右边,反之亦然),但滑动永远不会发生。
首先,我没有为滑动元素设置初始left
值。找到a similar question here后,我添加了那些可能是问题的人(position
是relative
,所以我将起始left
设置为0
),但我仍然无法让幻灯片在FF中运行。有人可以帮忙吗?