首页 > 解决方案 > 让 div 跟踪页面滚动?

问题描述

好的,我有一个自定义 div(它是一条垂直线),我需要跟踪它以进行页面滚动。页面本身是overflow: hidden;固定的,所以没有监听滚动事件,这个 div 不会去任何地方。

我需要某种基于滚动和初始值的偏移量,这样当页面保持静态时,这个 div 会像滚动条一样移动。分区:

.scrollBar {
    width: 2px;
    height: 55px;
    background: white;
    border-radius: 10px;
}

我怎样才能做到这一点?

我的主框架CSS:

position: fixed;
        display: none;
        z-index: 10000;
        top: 0;
        left: 0;
        display: grid;
        align-content: space-between;
        width: 100%;
        max-width: none;

标签: javascripthtmlcssscroll

解决方案


尝试将滚动条宽度更改为超过 15px 和 overflow-y:scroll;


推荐阅读