title: Chrome scrollbar disappears (not overflow-y)
body: <p>The page <a href="https://stedb-live.herokuapp.com/dashboard.html" rel="noreferrer">(live-version)</a> consists (roughly) of three parts:</p>
  
  <ul>
  <li>Left sidebar</li>
  <li>Centered content </li>
  <li>Right sidebar</li>
  </ul>
  
  <p>Right sidebar should be scrollable, so I've set <code>overflow-y: scroll; right: -17px;</code> to simply hide the scrollbar. <code>Body, html</code> have <code>overflow-y: auto;</code>. This way I don't have to have two scrollbars (for page and for right sidebar).</p>
  
  <p><strong>ISSUE:</strong>
  (only in CHROME, tested on version 62 and 63)</p>
  
  <p>For some reason on different machines, chrome gives me two different styles for the scrollbar: <a href="https://image.prntscr.com/image/B7JBZkhjQhm8PASyiIlTkg.png" rel="noreferrer">Case 1</a> and <a href="https://image.prntscr.com/image/n3_UMXMVRw_ma7x2uGRHlQ.png" rel="noreferrer">Case 2</a>. </p>
  
  <p>So basically, for <strong>case 1</strong> the the <em>right sidebar scrollbar</em> is "absolutely positioned" and page hides 17px of itself because of that, whilst for <strong>case 2</strong> the scrollbar is "relatively positioned" and the page hides 17px that the scrollbar takes.</p>
  
  <p><strong>QUESTION</strong></p>
  
  <p>1) Why scrollbars are different on the same OS and browser version, but different machines ?</p>
  
  <p>2) Is there any way to fix this without any plugins ? Taking into consideration Windows users have the <strong>case 2</strong> and MacOS users <strong>either case 1 or 2</strong> ?</p>