Fixed thumb's jumps on scroll start, for cases when wrapper has position: relative; and scrollbars has been hidden;

Author: xobotyi

README.md

@@ -51,4 +51,4 @@ npm run examples
 
 ## Credits
 Big thanks to [@malte-wessel](https://github.com/malte-wessel) with his [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) which I used before writing this component.  
-So don't be wondered that repos and code look similar in some places, his package used as ethalon. And for the users convenience i've tried to make API's seamless as much as it possible.
+So don't be wondered that repos and code look similar in some places, his package used as ethalon. And for the users convenience i've tried to make API's seamless as much as it possible.

src/Scrollbar/defaultElementRender.js

@@ -22,4 +22,4 @@ export function thumbVertical(props) {
 
 export function thumbHorizontal(props) {
     return <div className="CustomScrollbar-thumb CustomScrollbar-thumbHorizontal" { ...props } />;
-}
+}

src/Scrollbar/defaultElementStyle.js

@@ -4,49 +4,65 @@ export const holder = {
     gridTemplateColumns: '1fr min-content',
     gridTemplateRows:    '1fr min-content',
 };
-
 export const wrapper = {
     gridColumn: 1,
     gridRow:    1,
 };
-
 export const trackVertical = {
     position:   'relative',
     width:      8,
     background: 'rgba(0,0,0,.1)',
     gridColumn: 2,
     gridRow:    1,
 };
-
 export const trackHorizontal = {
     position:   'relative',
     height:     8,
     background: 'rgba(0,0,0,.1)',
     gridColumn: 1,
     gridRow:    2,
 };
-
 export const thumbVertical = {
     position:   'relative',
     width:      '100%',
     height:     0,
     cursor:     'pointer',
     background: 'rgba(0,0,0,.35)',
 };
-
 export const thumbHorizontal = {
     position:   'relative',
     height:     '100%',
     width:      0,
     cursor:     'pointer',
     background: 'rgba(0,0,0,.35)',
 };
-
 export const content = {
     position: 'absolute',
     top:      0,
     bottom:   0,
     left:     0,
     right:    0,
     overflow: 'scroll',
-};
+};
+
+export const holderGridless = {
+    display:  'block',
+    position: 'relative',
+};
+export const wrapperGridless = {};
+export const trackVerticalGridless = {
+    background: 'rgba(0,0,0,.1)',
+    position:   'absolute',
+    width:      8,
+    height:     '100%',
+    right:      0,
+    top:        0,
+};
+export const trackHorizontalGridless = {
+    background: 'rgba(0,0,0,.1)',
+    position:   'absolute',
+    height:     8,
+    width:      '100%',
+    left:       0,
+    bottom:     0,
+};