在Google Chrome中移动绝对元素悬停时滚动位置

时间:2017-07-03 13:25:10

标签: jquery html css css3 css-animations

所以我遇到了一个问题,我已经简化了,可以在这里播放:http://www.cssdesk.com/XL5Ve

如果我说左边有三个元素浮动,33.33%包含一个绝对定位的div元素,它在悬停时生长,当它悬停在第一个元素上时会导致页面的滚动位置改变IF如果该容器的顶部略有切断屏幕顶部(可以在附加的GIF中看到)。

enter image description here

如果所有元素都在全视图中,则没有任何移动,但向下滚动以使框的顶部略微被切除并且悬停在其中会移动整个屏幕。

这只发生在Chrome中,有没有人有这方面的经验?任何人都可以建议解决方法?尝试用jQuery而不是CCS做动画,但它没有任何区别。

0 个答案:

没有答案