Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Prevent Screen flicker when scrollbars appears

Tags:

javascript

html

jquery

css

I have a javascript event that extends the height of the current page so the scrollbar appear. This causes the screen to jump a bit (to the left), as it is compensating for the scrollbars, which seems distracting and annoying. Any way to fix this?

like image 918
Jmumby Clasul Avatar asked Sep 05 '13 20:09

Jmumby Clasul

People also ask

Why does my monitor flicker when I scroll?

Screen flickering in Windows 10 is usually caused by a display driver issue or incompatible app. To determine whether a display driver or app is causing the problem, check to see if Task Manager flickers.

How do I make my scrollbar only appear when overflow?

Use overflow: auto . Scrollbars will only appear when needed. (Sidenote, you can also specify for only the x, or y scrollbar: overflow-x: auto and overflow-y: auto ).

1 Answers

html { margin-left: calc(100vw - 100%); } A bit late but found this fix here.

like image 164
orhon Avatar answered Sep 21 '22 00:09

orhon
Sign in to Comment

Related questions

Play audio from firefox extension's data directory
How to write javascript equivalent of Convert.ToBase64String() in javascript? [duplicate]
In JavaScript, why don't any objects equal each other, except strings? [duplicate]
How to get a method name inside a method node.js
Why is this line of code necessary in clicking a button with JavaScript?
Why top level functions are created as methods of window in JavaScript? [closed]
How to get the position of a clicked element
Reload div with only javascript without jquery
circular references among javascript functions
Google Maps container doesn't resize properly after animation
Should I attach my .on('click') event to the document or element
AngularJS using RESTful web service authentication
Difference between IIFE and call
Reliably return element's scrollHeight without using `scrollHeight` property
Drag and insert div into another div
GWT Custom event trigger in Javascript
jQuery post returns no response data
How to render JSON response using latest typeahead.js library
jQuery check if .css property was set
Javascript equivalent for curl command

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!