Comments (3)
Hi @prashanth1509
I investigated a demo about this and found that reflow did happen in each frame:
Can you provide a demo that absolute positioning doesn't cause reflow?😃
from front-end-interview-handbook.
Hey,
I meant absolute positioning doesn't cause reflow of other elements.
Obviously, when moving the given element, browser needs to recalculate layout for that element (that you see in profiling) but it doesn't cause recalculation of styles, layout for other elements.
https://developers.google.com/speed/docs/insights/browser-reflow (Under guidelines)
https://stackoverflow.com/a/7339211/1125029
from front-end-interview-handbook.
But given the context of which is better way of animation,
translate is better because as it doesn't cause layout neither on itself nor on other elements, but position absolute causes layout for itself.
from front-end-interview-handbook.
Related Issues (20)
- Link missing HOT 2
- Portuguese translation review HOT 2
- The website is down HOT 2
- I would love to translate in Bengali HOT 1
- "back to top" button does not work. HOT 7
- FE
- Bangla translation not showing on the website
- Example of Prototypal Inheritance has incorrect output HOT 2
- CSS trivia questions | Spanish Translation HOT 1
- Running the given codes gave a different output HOT 4
- multi-language feature is not working HOT 3
- Suggestion to "Can you offer a use case for the new arrow => function syntax?" HOT 1
- Wrong way to set child's prototype HOT 2
- Questionable information about localStorage HOT 1
- Quiz question: Explain how prototypal inheritance works has a wrong output HOT 1
- Typo for '.apply'
- Update Repository to Reflect Twitter's New Name
- Invalid Link in Quiz `what-is-a-closure-and-how-why-would-you-use-one` HOT 1
- Explain how prototypal inheritance works HOT 1
- docs: Add more information or documentation to question about media queries
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from front-end-interview-handbook.