代码之家  ›  专栏  ›  技术社区  ›  Curnelious

进度完成后在各部分之间滚动

  •  0
  • Curnelious  · 技术社区  · 7 年前

    使用 html+css+JS+Bootstrap ,我有一些进度条,完成后我想向下滚动到网站的新部分。

    假设我需要这个结构:

    enter image description here

    无论使用什么屏幕(移动/桌面),第1节涵盖所有可见屏幕,第2节也一样。

    当进度结束时(JS),我想滚动到第2节。

    1. html ?
    2. 有没有一种方法可以设置一个锚定点,在那里滚动并保持html不变?

    良好实践:我的js进度条形码在文件中 manager.js ,当这个过程完成后,我想调用另一个js文件中的函数来向下滚动(使事情变得干净)。从技术上讲,如何调用另一个js文件中的函数?我可以使用委派吗?在这种环境下它是如何工作的?

    1 回复  |  直到 7 年前
        1
  •  1
  •   Nnay    7 年前

    height: 100vh; 为了好玩。 width: 100%

    Bootstrap的progressbar有一个名为“done”的回调函数,它将一个使用scrollIntoView的函数附加到它

    进度条: https://www.javascripting.com/view/bootstrap-progressbar

    https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView