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

标签 jquery html css gsap

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

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

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

最佳答案

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

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

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

关于jquery - padding-left 有效,但 padding-right 无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34904997/

相关文章:

javascript - 单击时平滑地扩展输入字段宽度

javascript - 悬停时淡出一个元素并淡入另一个元素

javascript - 在 DATETIMEPICKER javascript 中禁用 future 7 天

javascript - 将Json以特定格式传递给javascript以渲染图表

javascript - 以 100% 宽度创建形状 div 时出现问题

html - CSS 多个 div 样式

python - 如何通过 ID 和 Class 使用唯一的 XPath/CSS 选择器选择相同的元素?

jquery - 标题部分视差滚动效果 jQuery 和垂直中心边距

javascript - 创建一个通用的扰流板盒

html - CSS - 在前一个 li 下居中 li