【问题标题】:fixed left column vertically, but scrollable horizontally垂直固定左列,但可水平滚动
【发布时间】:2012-06-10 12:36:05
【问题描述】:

在一个网页中,有左、中、右三栏; 三列内只有左列是position:fixed,其他都是正常的。

垂直滚动时,左列应保持固定,而其他列滚动。

但是当浏览器尺寸减小时;水平滚动时,所有三列都应该水平滚动,而不仅仅是中间和右边。

如何克服这个问题?使用 纯 css(不使用 js 或 jquery)?

【问题讨论】:

标签: html css layout css-position


【解决方案1】:

已经有一个与此类似的问题,并提供了一个 jQuery 解决方案。看看这里提供的答案是否对您有帮助:- How do I get a fixed position div to scroll horizontally with the content? Using jQuery

【讨论】:

  • 不使用 jquery 或 javascript 的任何方式?并使用纯 css ?
  • 我不这么认为。这就是使用position: fixed 的本质 - 无论您水平滚动还是垂直滚动,它都会固定在适当的位置。在水平滚动时覆盖其位置的最简单方法是使用 jQuery 解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-12-25
  • 2019-03-27
  • 2023-03-19
  • 2013-05-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-19
相关资源
最近更新 更多