反应- 移动- 滚动- 栏

v1+用于反应 15,v2+需要反应 16.8+

删除滚动条( 通过设置) overflow: hidden 并保留了卷轴条"gap".

读取 - 它只是使卷轴条隐形.

如果滚动栏不占用任何空间,则什么都不做.

使用量

import {RemoveScrollBar} from 'react-remove-scroll-bar';

<RemoveScrollBar /> -> no scroll bar

右边框

防止内容跳出 位置:已固定 元素为 right:0 应当应用额外的类名. 它只会提供 非零 是的,当它需要的时候, 保持正确的"差距".

import {zeroRightClassName,fullWidthClassName, noScrollbarsClassName} from 'react-remove-scroll-bar';

// to set `right:0` on an element
<div className={zeroRightClassName} />

// to set `width:100%` on an element
<div className={fullWidthClassName} />

// to remove scrollbar from an element
<div className={noScrollbarsClassName} />

大小

压缩后500b(不包括tslib).

滚动- Locky

所有代码都是因为 反应- 滚动- 锁定 复设相.

条款

有一篇关于防止身体卷轴的中篇文章 如何对抗卷轴

许可证

麻省理工学院