Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在没有Javascript的情况下滚动可滚动的DIV?_Javascript_Jquery_Html_Scrollable - Fatal编程技术网

在没有Javascript的情况下滚动可滚动的DIV?

在没有Javascript的情况下滚动可滚动的DIV?,javascript,jquery,html,scrollable,Javascript,Jquery,Html,Scrollable,我基本上有一个固定宽度的DIV,其中有一个无序的列表,当列表太大时会溢出到DIV的右侧。基本上是这样的: 每个列表项(基本上是一个60x60图像)都是可点击的,它会导致一个具有相同DIV元素和相同列表项的页面,但其中一个以不同颜色突出显示以显示其为当前图像。我要做的是得到当前选择的(它有一个代码>类=“活动”< /COD>属性),在滚动div的中间显示,像这样: 我能想到的唯一方法是在页面上包含一个Javascript文件,以查找具有class=“active”属性的列表项,然后使用Java

我基本上有一个固定宽度的DIV,其中有一个无序的列表,当列表太大时会溢出到DIV的右侧。基本上是这样的:

每个列表项(基本上是一个60x60图像)都是可点击的,它会导致一个具有相同DIV元素和相同列表项的页面,但其中一个以不同颜色突出显示以显示其为当前图像。我要做的是得到当前选择的(它有一个代码>类=“活动”< /COD>属性),在滚动div的中间显示,像这样:

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

有没有一种方法可以在没有Javascript的情况下实现我想要的功能?如果需要的话,我不介意一点标记和CSS黑客行为


谢谢

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

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

  • 最初使用css显示divstyle=“display:none;”
  • 使用JavaScript进行滚动(如果需要,还可以更改div的顺序)
  • 设置cssstyle=“display:block;”

  • i、 e.项目将显示在已经滚动的屏幕上。

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

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

  • 最初使用css显示divstyle=“display:none;”
  • 使用JavaScript进行滚动(如果需要,还可以更改div的顺序)
  • 设置cssstyle=“display:block;”
  • i、 e.项目将显示在已滚动的屏幕上