填充左侧正在工作，但填充右侧不是

Question

我有一个滚动时间轴（demo），而且我遇到了一个问题，其中padding-left正在使时间线左侧的时间线分支图像隐藏在滚动之前，但padding-right无法隐藏右侧的分支图像。

的方法，我试图使用的是，所述分支图像是一个容器.event_line具有overflow: hidden内部并且图像具有padding-left设定为100％，直到部分被滚动到在该点padding-left动画下降到0％，揭示图像。此方法在时间轴的左侧工作，但不在右侧。

为了让padding-right隐藏时间线右侧的分支图像，需要更改哪些内容？

Answer 1

只需将float:right;添加到您的正确形象。

OR

在你的CSS文件

.right .timeline-item .event_line img 
{ 
float:right; 
} 

Answer 2

它添加这个CSS因为overflow:hidden切断多余的右侧。由于时间轴右侧的填充位于右侧，因此填充将被截断，而不是内容。

尝试在时间轴右侧的动画margin-left从-100%到0而不是动画padding-right。 Here's the fiddle。