Always Show Browser Scrollbar To Prevent Flicker With Angular Js

Posted By Weston Ganger

<p>I was having issues with flicker after I moved my navbar and sidebar into ng-includes</p>
<p>This problem arises because the page data is loaded shortly after the page shows and causes a flicker when the DOM is updated and the page needs a scrollbar.</p>
<p>The fix is to turn on the scrollbar permanently via CSS:</p>

body{
  overflow-y:scroll;
}

<p>Even works in IE6 so browser support is good.</p>

Article Topic:Software Development - Javascript

Date:August 20, 2014