html - CSS方向和不正确溢出

Question

所以我有一个纯 CSS 和 HTML 时间线 ( http://cssdesk.com/a5NVw )，通过实现 overflow:scroll 带有滚动条。然而，为了让它在最近的事件中开始，我必须让滚动条从最右边而不是最左边的位置开始。我已经尝试使用 direction:rtl 来执行此操作(我第一次使用此属性)但是它使右侧溢出的内容变得隐藏起来。我认为这是因为它在检查子元素的位置之前实现了滚动条 - 我应该如何解决这个问题？

有人提到我的解释不清楚，所以这里是问题的总结:

• 有一个我想要滚动的时间轴。
• 希望滚动条默认在右边而不是左边(所以
  它默认显示最近的)。
• 尝试使用 direction:rtl 在右侧启动滚动条。
• 然而，这导致了通常会滚动的内容
  右侧溢出。

至于我的示例不起作用 - 这正是问题所在。如果你删除方向属性它工作正常，但它从左边开始，这是我开始的地方。我想尝试使用纯 CSS 解决方案，尽管我知道 JQuery 解决方案可能更方便 - 如果没有人知道如何实现此方法，我可能最终会求助于它。

Answer 1

您必须使用 javascript 才能将其滚动到右侧。你不能有一个由 css 设置的默认滚动。