【html+js+css】实现可拖动竖直(纵向)进度条

目录

一、第一种:可直接点击或拖动

1.例图

2.代码

二、第二种:只能点击节点滑动

1.例图

2.代码


一、第一种:可直接点击或拖动

1.例图

【html+js+css】实现可拖动竖直(纵向)进度条_第1张图片

 

2.代码



    
    竖直滑动条
    



二、第二种:只能点击节点滑动

(按下即触发,click和mousedown冲突,就只用了mousedown)

1.例图

【html+js+css】实现可拖动竖直(纵向)进度条_第2张图片

 

2.代码



    
    竖直滑动条
    



你可能感兴趣的:(html,javascript,css,前端,web)