jquery - padding-left 有效但 padding-right 无效

Question

我有一个滚动时间线 ( demo )，我遇到了 padding-left 在滚动之前隐藏时间线左侧的时间线分支图像的问题, 但 padding-right 无法隐藏右侧的分支图像。

我尝试使用的方法是分支图像位于容器 .event_line 中，该容器具有 overflow: hidden 并且图像具有 padding- left 设置为 100%，直到该部分滚动到此时 padding-left 向下动画到 0%，显示图像。此方法在时间轴的左侧有效，但在右侧无效。

我需要更改什么才能让 padding-right 隐藏时间轴右侧的分支图像？

Answer 1

只需将 float:right; 添加到您的右侧图像即可。

或

将此 CSS 添加到您的 CSS 文件中

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