网站建设多了，总会遇到一些特别的需求，有的客户希望网页的滚动条不要滚动，针对这个问题该如何操作呢？

场景： 点击按钮后弹出暗层， 暗层上有组建需要滚动。需求是暗层里的组建可以使用滚动条， 暗层下的不能同时滚动。不能用overflow：hidden的方式， 因为原来的必须可以滚动， 如果暗层出来设置overflow：hidden的话会使视窗中的界面突然变宽。

最开始想的想法是禁止document的滚动，并且单独给弹窗内需要滚动的组建绑定事件，不冒泡上去。最后发现不行，虽然document不滚动了， 但是弹窗是position:fixed的，只要鼠标在弹窗的可滚动的元素上，当这个元素的滚动条到底部或者顶部时， 暗层下面的东西还是会滚动，并且没有触发document的滚动。

解决方式是 再给弹窗上的元素绑定滚动事件里面加限制条件：当弹窗中的元素的滚动条滚动到底部或者顶部时，判断滚动是向下还是向下。如果在顶部，且还在向上滚动，则禁止了默认事件。

在一些特定的环境下，可能会碰到一些特定的要求，不光网站建设行业如此，其它行业也是如此，唯有碰到问题解决问题，才能不断进步。