隐藏滚动但不滚动滚动条

Question

我设法使用纯css自定义滚动条区域，但是我们无法弄清楚如何制作它以便隐藏滚动区域（白色）。我只想要酒吧本身，这可能吗？

小提琴：https://jsfiddle.net/jzhang172/2qh2yy2o/

＆＃13;

＆＃13;

jQuery(document).ready(function(){
    jQuery('.scrollbar-inner').scrollbar();
      jQuery('html').scrollbar();
});

＆＃13;

body{
  height:1000px;
  background:blue;
}
.scrollbar-inner{
  height:100px;
  width:100%;
  overflow:auto;
}
.content{
  height:1000px;
  width:100%;
}/*************** SCROLLBAR BASE CSS ***************/
/* For the "inset" look only */
html {
    overflow: auto;
}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
    background:transparent;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #545454; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: transparent; 
}

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.scrollbar/0.2.10/jquery.scrollbar.min.js
"></script>

<div class="scrollbar-inner"><div class="content"></div></div>

＆＃13;

＆＃13;

＆＃13;