How to use react-scrollbars-custom - 10 common examples
To help you get started, we’ve selected a few react-scrollbars-custom examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
xobotyi / react-scrollbars-custom / tests_old / Scrollbar / staticMethods.js View on Github 
it("should properly calculate values", () => {
expect(Scrollbar.computeThumbSize(100, 200, 100, 0)).toBe(50);
expect(Scrollbar.computeThumbSize(50, 100, 50, 70)).toBe(70);
expect(Scrollbar.computeThumbSize(100.25, 224.3, 104.7, 30)).toBe(47);
expect(Scrollbar.computeThumbSize(100, 100, 100, 30)).toBe(0);
expect(Scrollbar.computeThumbSize(0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbSize(100, 200, 100, 0)).toBe(50);
expect(Scrollbar.computeThumbSize(50, 100, 50, 70)).toBe(70);
expect(Scrollbar.computeThumbSize(100.25, 224.3, 104.7, 30)).toBe(47);
expect(Scrollbar.computeThumbSize(100, 100, 100, 30)).toBe(0);
expect(Scrollbar.computeThumbSize(0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbSize(100, 200, 100, 0)).toBe(50);
expect(Scrollbar.computeThumbSize(50, 100, 50, 70)).toBe(70);
expect(Scrollbar.computeThumbSize(100.25, 224.3, 104.7, 30)).toBe(47);
expect(Scrollbar.computeThumbSize(100, 100, 100, 30)).toBe(0);
expect(Scrollbar.computeThumbSize(0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbSize(100, 200, 100, 0)).toBe(50);
expect(Scrollbar.computeThumbSize(50, 100, 50, 70)).toBe(70);
expect(Scrollbar.computeThumbSize(100.25, 224.3, 104.7, 30)).toBe(47);
expect(Scrollbar.computeThumbSize(100, 100, 100, 30)).toBe(0);
expect(Scrollbar.computeThumbSize(0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbSize(100, 200, 100, 0)).toBe(50);
expect(Scrollbar.computeThumbSize(50, 100, 50, 70)).toBe(70);
expect(Scrollbar.computeThumbSize(100.25, 224.3, 104.7, 30)).toBe(47);
expect(Scrollbar.computeThumbSize(100, 100, 100, 30)).toBe(0);
expect(Scrollbar.computeThumbSize(0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbOffset(100, 50, 200, 100, 50)).toBe(25);
expect(Scrollbar.computeThumbOffset(100, 50, 200, 100, 0)).toBe(0);
expect(Scrollbar.computeThumbOffset(0, 0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbOffset(100, 50, 200, 100, 50)).toBe(25);
expect(Scrollbar.computeThumbOffset(100, 50, 200, 100, 0)).toBe(0);
expect(Scrollbar.computeThumbOffset(0, 0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeThumbOffset(100, 50, 200, 100, 50)).toBe(25);
expect(Scrollbar.computeThumbOffset(100, 50, 200, 100, 0)).toBe(0);
expect(Scrollbar.computeThumbOffset(0, 0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeScrollForOffset(100, 50, 50, 200, 100)).toBe(50);
expect(Scrollbar.computeScrollForOffset(0, 0, 0, 0, 0)).toBe(0);
});
});it("should properly calculate values", () => {
expect(Scrollbar.computeScrollForOffset(100, 50, 50, 200, 100)).toBe(50);
expect(Scrollbar.computeScrollForOffset(0, 0, 0, 0, 0)).toBe(0);
});
});react-scrollbars-custom
The best React custom scrollbars component
Package Health Score
56 / 100Popular react-scrollbars-custom functions
- react-scrollbars-custom.computeScrollForOffset
- react-scrollbars-custom.computeThumbOffset
- react-scrollbars-custom.computeThumbSize
- react-scrollbars-custom.DIRECTION_AXIS.X
- react-scrollbars-custom.Scrollbar.prototype
- react-scrollbars-custom/package.author
- react-scrollbars-custom/package.homepage
- react-scrollbars-custom/package.name
- react-scrollbars-custom/package.version