在没有 Javascript 的情况下滚动可滚动的 DIV？答案

【问题标题】：Scrolling a scrollable DIV without Javascript?在没有 Javascript 的情况下滚动可滚动的 DIV？
【发布时间】：2011-08-27 00:27:54
【问题描述】：

我基本上有一个固定宽度的 DIV，里面有一个无序列表，当列表太大时，它会溢出到 DIV 的右侧。基本上是这样的：

每个列表项（基本上是 60x60 的图像）都是可点击的，它会引导到具有相同 DIV 元素和相同列表项的页面，但其中一个以不同的颜色突出显示以显示它是当前图像。我想要做的是让当前选择的那个（它有一个class="active" 属性）显示在滚动 DIV 的中间，如下所示：

我能想到的唯一方法是在页面上包含一个 Javascript 文件以查找具有 class="active" 属性的列表项，然后使用 Javascript 滚动到它。这样做的问题是，当页面加载时，它最初不会滚动到正确的位置，当 Javascript 加载并执行时，用户会看到它“跳转”到正确的位置。

有没有办法在没有 Javascript 的情况下做我想做的事？如果需要，我不介意一点标记和 CSS 技巧。

谢谢！

【问题讨论】：

【解决方案1】：

我怀疑这只能通过 CSS 和 HTML 来解决。除非您使用其他可以生成 HTML 的语言（例如 PHP），并且 DIV 的顺序发生了变化。

但是，我可以解决您的 Javascript “跳跃”问题。

即项目将显示在已滚动的屏幕上。

【讨论】：