如何阻止滚动

538 阅读1分钟

滚动是滚轮的默认动作,当我们滚动滚轮,然后屏幕滚动,阻止scroll默认动作没有用,先有滚动才有滚动默认事件,那么要阻止滚动该如何实现呢,

  1. 只需要阻止滚轮事件,找准滚动条所在元素然后阻止默认动作,此时滚动被禁止,但是滚动条却还在在,下一步就是如何让滚动条消失
  2. 让滚动条消失可以使用css让滚动条的宽度变为零,自然滚动条没有
  3. 我们还需考虑一个问题那就是在使用移动端的时候,触屏也可以滑动,所以需要禁用触屏。 以一个具体例子做演示,可以帮助我们更好的理解(js.jirengu.com/kogay/1/edi…)