hide scrollbar when no scrolling is possible

simple-scrollbar.css

@@ -1,20 +1,20 @@
 .ss-wrapper {
-    overflow : hidden;
-    height   : 100%;
-    position : relative;
-    z-index  : 1;
-    float: left;
+  overflow : hidden;
+  height   : 100%;
+  position : relative;
+  z-index  : 1;
+  float: left;
 }
 
 .ss-content {
-    height          : 100%;
-    width           : 100%;
-    padding         : 0 32px 0 0;
-    position        : relative;
-    right           : -18px;
-    overflow        : auto;
-    -moz-box-sizing : border-box;
-    box-sizing      : border-box;
+  height          : 100%;
+  width           : 100%;
+  padding         : 0 32px 0 0;
+  position        : relative;
+  right           : -18px;
+  overflow        : auto;
+  -moz-box-sizing : border-box;
+  box-sizing      : border-box;
 }
 
 .ss-scroll {
@@ -29,14 +29,18 @@
   transition: opacity 0.25s linear;
 }
 
+.ss-hidden {
+  display: none;
+}
+
 .ss-container:hover .ss-scroll {
   opacity: 1;
 }
 
 .ss-grabbed {
-     user-select: none;
-     -o-user-select: none;
-     -moz-user-select: none;
-     -khtml-user-select: none;
-     -webkit-user-select: none;
+  user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
 }

simple-scrollbar.js

@@ -77,19 +77,25 @@
       this.scrollRatio = ownHeight / totalHeight;
 
       raf(function() {
-        _this.bar.style.cssText = 'height:' + (ownHeight / totalHeight) * 100 + '%; top:' + (_this.el.scrollTop / totalHeight ) * 100 + '%;right:-' + (_this.target.clientWidth - _this.bar.clientWidth) + 'px;';
+        // Hide scrollbar if no scrolling is possible
+        if(_this.scrollRatio === 1) {
+          _this.bar.classList.add('ss-hidden')
+        } else {
+          _this.bar.classList.remove('ss-hidden')
+          _this.bar.style.cssText = 'height:' + (_this.scrollRatio) * 100 + '%; top:' + (_this.el.scrollTop / totalHeight ) * 100 + '%;right:-' + (_this.target.clientWidth - _this.bar.clientWidth) + 'px;';
+        }
       });
     }
   }
-  
+
   function initAll() {
     var nodes = d.querySelectorAll('*[ss-container]');
 
     for (var i = 0; i < nodes.length; i++) {
       initEl(nodes[i]);
     }
   }
-  
+
   d.addEventListener('DOMContentLoaded', initAll);
   ss.initEl = initEl;
   ss.initAll = initAll;