页面滚轮设置隐藏、设置高度、设置光标隐藏

505 阅读1分钟
1.设置溢出滚动后隐藏页面滚动条
 .选择器名称::-webkit-scrollbar {
            display: none;
               }
.选择器名称::-Moz-scrollbar {
            display: none;
            }
.选择器名称::-ms-scrollbar {
            display: none;
            }
2.设置滚动高度或左偏移
         // 控制滚动高度
        const handletest=(id)=>{
        //获取跳转节点offsettop
            var el = document.getElementById(id)
            var total = el.offsetTop +700
           nextTick(()=>{
           //设置外层容器滚动高度
                document.getElementById('over').scrollTop = total
            })
        
            

或者使用 .scrollLeft设置左侧滚动

3.设置光标隐藏
 caret-color: rgba(0,0,0,0);