用js实现顶部悬浮

以下是使用JavaScript实现顶部悬浮的示例代码：

HTML：

<div class="header">页面头部</div>
<div class="content">页面内容</div>

CSS：

.header {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

JavaScript：

window.addEventListener('scroll', function() {
    var header = document.querySelector('.header');
    if (window.pageYOffset > 0) {
        header.classList.add('sticky');
    } else {
        header.classList.remove('sticky');
    }
});

在这个示例中，我们为页面头部添加了一个header类，并将其设置为相对定位。然后，我们使用JavaScript监听页面滚动事件，并检查页面是否滚动到顶部。如果页面滚动到顶部以外，我们添加一个名为sticky的类，该类将使页面头部保持在页面顶部。否则，我们将该类从页面头部中删除，使其回到原来的位置。

CSS样式可以根据需要进行更改，以适应您的项目需求