لینک دهی داخلی یا scrollIntoView

سلام دوستان !

<div class="nav__menu">
                    <ul class="nav__list">
                        <li class="nav__item">
                            <a href="#home" class="nav__link">صفحه اصلی</a>
                        </li>
                        <li class="nav__item">
                            <a href="#about" class="nav__link">درباره ما</a>
                        </li>
                        <li class="nav__item">
                            <a href="#sevices" class="nav__link">خدمات</a>
                        </li>
                        <li class="nav__item">
                            <a href="#contact" class="nav__link"
                                >ارتباط با ما</a
                            >
                        </li>
                        <i class="bi bi-toggle-off"></i>
                    </ul>
                </div>

یه همچین منویی دارم میخوام رو هر لینک کلیک شد بره به بخشی که همین id رو داره
به نطر شما اصولی اینه که بیام و لینک داخلی بدم یا از scrollIntoView یه جوری استفاده کنم ؟