Javascript 自动滚动可变大小的元素

Javascript 自动滚动可变大小的元素,javascript,html,css,angularjs,scroll,Javascript,Html,Css,Angularjs,Scroll,我正在创建一个教学web应用程序,其中课程中的每个步骤都是一个。我不想一次显示本课程的所有步骤,因此我当前使用overflow hidden仅显示当前视图中的一些步骤。如果每个的高度根据课程中该步骤的长度而变化,我如何在元素之间自动滚动。本质上,是否有一种方法可以使用窗口平滑地自动滚动,而不是基于固定增量,而是基于下一个DOM元素的宽度?您是否尝试垂直或水平滚动课程的每个步骤?如果它是一个垂直滚动,也许你可以看看这个:假设你的意思是高度而不是第二个项目符号内的宽度:你可以使用id为的锚定:。然后

我正在创建一个教学web应用程序,其中课程中的每个步骤都是一个。我不想一次显示本课程的所有步骤,因此我当前使用overflow hidden仅显示当前视图中的一些步骤。如果每个
  • 的高度根据课程中该步骤的长度而变化,我如何在元素之间自动滚动。本质上,是否有一种方法可以使用窗口平滑地自动滚动,而不是基于固定增量,而是基于下一个DOM元素的宽度?

    您是否尝试垂直或水平滚动课程的每个步骤?如果它是一个垂直滚动,也许你可以看看这个:假设你的意思是高度而不是第二个项目符号内的宽度:你可以使用id为的锚定:
    。然后更改windows哈希将问题1_ANS标记的位置滚动到窗口顶部:
    location.hash='#问题1_ANS'