固定位置第一个列表项，滚动条上自动调整宽度

Question

有没有办法确保列表中的第一个项目始终停留在列表顶部（即使用户向下滚动），并确保这第一个列表项的宽度根据列表中是否存在滚动条来调整（相对于其他列表项）。

目前我只能实现一个或另一个，即我可以把第一个列表项放在列表之外（在它之上）并使列表可滚动。问题是，当列表中有足够的项目时，滚动条进入并缩小列表项的宽度，但是“第一个列表项”（我从列表中拉出）并没有缩小它的宽度。

如果我把项目放在列表中，我将避免这个宽度不匹配问题，但是当用户滚动列表时，第一个列表项将滚动到视图外。

我想让第一个项目保持放置的原因是因为第一个项目实际上是列表的标题容器（并排）。

有什么方法可以让滚动条存在于列表之外或使其与内容重叠？

我知道我可以将列表的溢出从“自动”更改为“滚动”，并调整列表外的标题容器的宽度以匹配列表的宽度，但那会是浏览器和机器相关的（不是我想要的）。

Answer 1

你可以尝试把一个div与position:fixed属性周围的li你想留在原地。