ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[TOC] ## 滚动指示器,页面顶端显示进度条 ``` <style> .main { margin: 0; padding: 0; display: block; height: 30000px; text-align: center; line-height: 100px; } body { margin: 0; padding: 0; background: linear-gradient(to right top, #369 50%, #fff 50%); background-size: 100% calc(100% - 99vh); } body:before { content: ''; position: fixed; top: 4px; bottom: 0; width: 100%; z-index: -1; background: #fff; } </style> <div class="main"> <h1>滚动鼠标</h1> </div> ```