使用 html+css+JS+Bootstrap，我有一些进度条，完成后我想向下滚动到网站的新部分。
假设我需要这个结构:
无论使用什么屏幕(移动/桌面)section1 覆盖所有可见屏幕，2 相同。
当进度完成时(在 JS 中)我想滚动到第 2 部分。
- 如何使用
html将屏幕分成多个部分？ - 完成进度后如何在 JS 中滚动？
- 有没有办法设置一个 anchor 以滚动到那里并保持 html 不变？
好的做法:我的 js 进度条代码在文件 manager.js 中，当这个进度完成时，我想调用另一个 js 文件中的函数来向下滚动(使事情变得干净)。从技术上讲，我如何调用另一个 js 文件中的函数？我可以使用委托(delegate)吗？它是如何在这种环境中完成的？
最佳答案
您将需要使用 CSS 来设置这些部分的样式。如果您希望它们始终占据视口(viewport)高度的 100%，请使用:
height: 100vh; 为了好玩。
只需将每个部分包装在一个 div 中，并将高度应用于两个包装器共享的类。至于宽度，如果您没有编辑正文宽度，默认情况下它应该是 100%，如果是这样，也只需将 width: 100% 应用到同一个类。由于百分比是根据 parent 的尺寸计算的，因此这仅适用于您的 body 覆盖整个宽度的情况。
Bootstrap 的进度条有一个名为“done”的回调，它附加了一个使用 scrollIntoView 的函数
进度条: https://www.javascripting.com/view/bootstrap-progressbar
滚动到 View : https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
关于javascript - 进度完成后在各部分之间滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53765326/