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 


Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts