html - 如何使用 HTML 和 CSS 在网站中添加不同的部分？

Question

我正在制作一个网站 (brickman.glitch.me) 并有一个滚动按钮。我怎样才能让它向下滚动到看起来不同的页面？

我试过使用 section 标签，但我不是最有经验的，所以我被卡住了。

<section class="company-heading intro-type" id="parallax-one">
  <div class="container">
    <div class="row product-title-info">
      <div class="col-md-12">
        <a class="ct-btn-scroll ct-js-btn-scroll" href="#section2"><img alt="Arrow Down Icon" src="https://www.solodev.com/assets/anchor/arrow-down.png"></a>
      </div>
    </div>
  </div>
  <div class="parallax" id="parallax-cta" style="background-image:url(https://www.solodev.com/assets/anchor/company-hero2.jpg);"></div>
</section>
<div class="main">
  <section id="section2">
    <div class="container jumbo">
      <div class="jumbotron">
        <p1>test</p1>

我想让它向下滚动到具有不同背景等的页面，所以它看起来像一个不同的页面。我有一个来自 friend 网站 (questallation.glitch.me) 的示例，其中按钮向下滚动。我想尝试做一些类似的东西。有帮助吗？

提前致谢。

Answer 1

要自动滚动到另一个部分，您可以使用 href="x"，其中 x 是您要滚动到的部分的 ID。

这是一个小例子:

<div style="background-color: green;height: 2000px">
  <a href="#next-section">Hello</>
</div>
<div id="next-section" style="background-color: red; height: 2000px">
  &nbsp;
</div>