滚动一个可滚动的DIV而不使用Javascript

Scrolling a scrollable DIV without Javascript?

本文关键字：滚动 Javascript DIV 一个      更新时间：2023-09-26

我基本上有一个固定宽度的div，里面有一个无序的列表，当列表太大时溢出到div的右边。它看起来像这样:

https://i.stack.imgur.com/oukU2.jpg

每个列表项(基本上是一个60x60的图像)都是可点击的，它会导致一个具有相同DIV元素和相同列表项的页面，除了一个以不同的颜色突出显示它是当前图像。我要做的是得到一个，目前选择(它有一个class="active"属性)显示在滚动DIV的中间，像这样:

https://i.stack.imgur.com/soxOn.jpg

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

有没有一种方法来做什么我想没有Javascript?如果需要的话，我不介意一些标记和CSS的hack。

谢谢!

我怀疑这只能通过CSS和HTML来解决。除非您使用其他语言(如PHP)可以生成具有更改div顺序的HTML。

但是，我可以解决你的Javascript"跳转"问题。

  1. 你最初用css style="display:none;"
  2. 使用JavaScript执行滚动(如果需要，还可以更改div的顺序)。
    3. style=" font - family:宋体;"

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

相关文章：