Angularjs

Always Show Browser Scrollbar To Prevent Flicker With Angular Js

Posted by Weston Ganger on August 20, 2014

I was having issues with flicker after I moved my navbar and sidebar into ng-includes

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.

The fix is to turn on the scrollbar permanently via CSS:


body{
  overflow-y:scroll;
}

Even works in IE6 so browser support is good.


Posted in Angular and Tagged with angularjs flicker scrollbar css 


Need help on your next project or application?

I specialize in Ruby-on-Rails, AngularJS, Javascript, Bootstrap, and Hybrid Mobile Apps with Cordova & Ionic.

Contact Me

Recommended Posts