滚动条不支持点按拖动了？什么原因看这里！

标题滚动条不支持点按拖动了？什么原因看这里！

<h6工作中遇到问题：滚动条不支持拖动了，只能在滚轮滑动时候生效。
按理说，滚动条有以下自带功能：

1. 上下滑动查看内容时出现滚动条并可滑动
2. 鼠标移到滚动条区域时出现滚动条
3. 滚动条出现时点击滚动条可以上下移动

工作中发现只有功能1正常，2和3都失效。检查发现原因是：
层级不够，被遮盖了，调整z-index值即可
当时找了很久问题，因为明明这里没有元素层级比滚动条高！

层级不够有多种原因，一是被其他dom元素遮盖，这个一般好排查。之所以拿来说这个问题是因为，我遇到的是被其他滚动条的层级遮盖，排查了半天。

图中是我功能不正常的滚动条，但是这个页面还有一个大的滚动条，位置和我这个内部的小区域滚动条位置一样，两个滚动条的z-index一样，导致功能不正常，尝试把小滚动条的z-index改成比大滚动条的高，成功解决问题。
还是那句话，被其他元素挡住很容易发现问题所在，像这种乱七八糟的原因导致的最容易耗费时间，坚持积累，见得多了就容易想到了。希望大家遇到问题能想想一些不容易想起的原因哦！