One Paragraph of project description goes here
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
const createScrollManager = function() { | |
let callbacks = []; | |
let scrollPosition = -1; | |
let animatedKilled = false; | |
const animate = () => { | |
requestAnimationFrame(onScroll); | |
} | |
function onScroll(){ |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Marker Leaflet Map</title> | |
<meta charset="utf-8" /> | |
<link | |
rel="stylesheet" | |
href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" | |
/> | |
</head> |
The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:
CULTURE SPEC.CULTURE ENGLISH NAME | |
-------------------------------------------------------------- | |
Invariant Language (Invariant Country) | |
af af-ZA Afrikaans | |
af-ZA af-ZA Afrikaans (South Africa) | |
ar ar-SA Arabic | |
ar-AE ar-AE Arabic (U.A.E.) | |
ar-BH ar-BH Arabic (Bahrain) | |
ar-DZ ar-DZ Arabic (Algeria) | |
ar-EG ar-EG Arabic (Egypt) |