diff --git a/README.md b/README.md index e1eb738f..2edb2081 100644 --- a/README.md +++ b/README.md @@ -277,7 +277,7 @@ Whether character is entered. improve shake when page scroll bar hidden -`switchScrollingEffect` change body style, and add a class `switch-scrolling-effect` when called, so if you page look abnormal, please check this +`switchScrollingEffect` change body style, and add a class `ant-scrolling-effect` when called, so if you page look abnormal, please check this ```js import switchScrollingEffect from "./src/switchScrollingEffect"; diff --git a/src/switchScrollingEffect.js b/src/switchScrollingEffect.js index 9b2f2681..1263ee7f 100644 --- a/src/switchScrollingEffect.js +++ b/src/switchScrollingEffect.js @@ -17,7 +17,7 @@ export default close => { } // https://github.com/ant-design/ant-design/issues/19729 - const scrollingEffectClassName = 'switch-scrolling-effect'; + const scrollingEffectClassName = 'ant-scrolling-effect'; const scrollingEffectClassNameReg = new RegExp( `${scrollingEffectClassName}`, 'g', @@ -41,7 +41,8 @@ export default close => { width: `calc(100% - ${scrollBarSize}px)`, }); if (!scrollingEffectClassNameReg.test(bodyClassName)) { - document.body.className = `${bodyClassName} ${scrollingEffectClassName}`; + const addClassName = `${bodyClassName} ${scrollingEffectClassName}`; + document.body.className = addClassName.trim(); } } }; diff --git a/tests/switchScrollingEffect.test.ts b/tests/switchScrollingEffect.test.ts index e7ccaf96..9f7fd07c 100644 --- a/tests/switchScrollingEffect.test.ts +++ b/tests/switchScrollingEffect.test.ts @@ -2,7 +2,9 @@ import switchScrollingEffect from '../src/switchScrollingEffect'; import { spyElementPrototypes } from '../src/test/domHook'; import getScrollBarSize from '../src/getScrollBarSize'; -jest.mock('../src/getScrollBarSize', () => jest.fn().mockImplementation(() => 20)); +jest.mock('../src/getScrollBarSize', () => + jest.fn().mockImplementation(() => 20), +); /** * Jest dom default window innerWidth is 1024, innerHeight is 768 @@ -35,7 +37,7 @@ describe('switchScrollingEffect', () => { switchScrollingEffect(); expect(document.body.style.cssText).toBe('position: relative;'); - expect(document.body.className).toBe(' switch-scrolling-effect'); + expect(document.body.className).toBe('ant-scrolling-effect'); // when closed switchScrollingEffect(true);