如何停止导航条引起的滚动

<style>
    .container {
        overflow: hidden;
    }
</style>

<div class="container">
    <!-- 导航条内容 -->
</div>

<script>
    var navbar = document.querySelector('.navbar');
    navbar.addEventListener('scroll', function (event) {
        event.preventDefault(); // 阻止默认的滚动行为
        navbar.scrollTop = 0; // 将滚动位置重置为顶部
    });
</script>

<style>
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
</style>

<div class="navbar">
    <!-- 导航条内容 -->
</div>