【问题标题】:CSS direction and not overflowing properlyCSS方向并且没有正确溢出
【发布时间】:2014-06-25 15:23:17
【问题描述】:

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

有人提到我的解释不清楚,所以这里是问题的摘要:

  • 有一个我希望可以滚动的时间线。
  • 希望滚动条默认位于右侧而不是左侧(所以
    它默认显示最新的)。
  • 尝试使用 direction:rtl 启动右侧的滚动条。
  • 但是这导致了通常会滚动的内容
    right 改为在右边溢出。

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

【问题讨论】:

  • 您的示例似乎不起作用
  • 我不明白您的问题,因为您的解释不清楚,而且您的示例也没有显示明确的问题,请说明您的问题具体是什么......
  • 你会使用Javascript吗?我找不到其他方法来做到这一点。在这种情况下,你应该看看这里:stackoverflow.com/questions/9659343/…
  • 以项目符号的形式添加了更多说明,但不知道除此之外如何进一步说明。至于jquery,如果可以的话,我会尽量避免使用它,因为理论上这应该可以使用纯css。如果没有人知道如何解决它,可能最终会使用 jquery。

标签: html css overflow direction


【解决方案1】:

您必须使用 javascript 将其滚动到右侧。您不能通过 css 设置默认滚动。

【讨论】:

    猜你喜欢
    • 2014-04-08
    • 1970-01-01
    • 2019-10-20
    • 1970-01-01
    • 1970-01-01
    • 2021-11-09
    • 1970-01-01
    • 1970-01-01
    • 2011-10-31
    相关资源
    最近更新 更多