很多同學在遇到這個問題的時候，會認為這是一個js問題。的確，js可以解決這個問題，但其實有比js更好的一個解決方案，而這個方案就是今天要分享的東西，通過簡單的HTML布局就解決此問題。具體實現步驟如下：
一、不要把滾動條加到根節點上，而是自己寫一個塊。
二、塊有了，給這個塊設置與屏幕寬高相等的寬度和高度。
三、給這個塊設置overflow-y:scroll讓滾動條出現。
四、添加遮罩層，遮罩層與添加的塊同級，寬高與屏幕寬高也相等。
這些操作都做完以后，你就會發現，鼠標在遮罩層上邊滾動滑輪，滾動條也不動了，只有遮罩層消失，在滾動，才可以繼續正常得滾動條。其中原理，就是因為滾動條加給了塊，而滾動區域，也就被約定到了整個塊范圍內，新增的遮罩層，與塊同級，並不在塊范圍之內，也就是可拖拽范圍內，這個時候你無論如何滾動，也無法滾動滾動條了。