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

Question

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

说我需要这个结构：

无论使用哪种屏幕（移动/台式机），第1部分覆盖了所有可见屏幕，与2相同。

进度（在JS中）完成后，我想滚动到第2节。

1. 如何使用html将屏幕划分为几个部分？
2. 完成进度后，如何在JS中滚动？
3. 是否有一种方法可以设置锚点以在那里滚动并按原样保留html？

---

良好做法：我的js进度条代码位于文件manager.js中，当此进度完成时，我想在另一个js文件中调用一个函数以向下滚动（使内容整洁）。从技术上讲，我应该如何在另一个js文件中调用函数？我可以使用委托吗？在这种环境下如何完成？

Answer 1

您将需要使用CSS设置样式。如果希望它们始终占据视口高度的100％，请使用： height: 100vh;带来的乐趣。 只需将每个部分包装在div中，然后将高度应用于两个包装器共享的类。至于宽度，如果您尚未编辑正文宽度，则默认情况下应为100％，如果这样，也可以将width: 100%应用于相同的类。由于百分比是根据父母的身高计算得出的，因此仅在您的身体覆盖整个宽度时才适用。

Bootstrap的进度栏有一个名为“ done”的回调，在其上附加了一个使用scrollIntoView的函数

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

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