鼠标滚动到某位置导航条悬浮顶部

<div class="fixedwrap" id="fixeds">
        <div>这里是超过指定区域便悬浮顶部的部分</div>
    </div>

window.onscroll = function() {
                // 获取鼠标滚轮滚动距离
                var _scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
                var tag = document.getElementById('fixeds');
                if (_scrollTop >= 200) {
                    tag.classList.add('fixedwrapshow')
                } else {
                    tag.classList.remove('fixedwrapshow');
                }

            }

.fixedwrap {
        display: none;
    }
    
    .fixedwrapshow {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: pink
    }