html - HTML跳转到页面的特定部分从第二次点击开始工作

Question

标签： htmlangularhyperlink

Answer 1

尝试这个

html

<div class="col-12 text-center mt-4 mb-4" (click)="toSec()">
   <a class="btn know-more-btn text">Tell Me More</a>
</div>

ts

toSec() {
  document.getElementById("billing").scrollIntoView();
}

平滑滚动将其添加到主样式文件

css

html {
  scroll-behavior: smooth;
}