diff options
Diffstat (limited to 'files/fr/web/api/intersection_observer_api/index.html')
| -rw-r--r-- | files/fr/web/api/intersection_observer_api/index.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/files/fr/web/api/intersection_observer_api/index.html b/files/fr/web/api/intersection_observer_api/index.html index b314d00515..3343785331 100644 --- a/files/fr/web/api/intersection_observer_api/index.html +++ b/files/fr/web/api/intersection_observer_api/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/Intersection_Observer_API --- <div>{{SeeCompatTable}}{{DefaultAPISidebar("Intersection Observer API")}}</div> -<p class="summary"><span class="seoSummary">L'API <em>Intersection Observer</em> permet d'observer de manière asynchrone l'évolution de l'intersection d'un élément cible avec un élément ancêtre ou avec la zone d'affichage d'un document de niveau supérieur.</span></p> +<p>L'API <em>Intersection Observer</em> permet d'observer de manière asynchrone l'évolution de l'intersection d'un élément cible avec un élément ancêtre ou avec la zone d'affichage d'un document de niveau supérieur.</p> <p>Historiquement, détecter la visibilité d'un élément, ou la visibilité relative de deux éléments l'un par rapport à l'autre, a été une tache difficile, résolue de manière peu rigoureuse et pouvant nuire à la fluidité de la page consultée. Malheureusement, avec la maturation de la toile, ce genre d'information se révèle de plus en plus nécessaire. La donnée de l'intersection est requise pour de nombreuses raisons, telles que:</p> @@ -118,8 +118,9 @@ observer.observe(target); <li>La dernière boîte a des paliers tous les 25%.</li> </ul> -<div class="hidden" id="threshold-example"> -<pre class="brush: html"><template id="boxTemplate"> +<h5 id="exemple_de_seuil">Exemple de seuil</h5> + +<pre class="brush: html hidden"><template id="boxTemplate"> <div class="sampleBox"> <div class="label topLeft"></div> <div class="label topRight"></div> @@ -135,7 +136,7 @@ observer.observe(target); </div> </main></pre> -<pre class="brush: css">.contents { +<pre class="brush: css hidden">.contents { position: absolute; width: 700px; height: 1725px; @@ -205,7 +206,7 @@ observer.observe(target); } </pre> -<pre class="brush: js">let observers = []; +<pre class="brush: js hidden">let observers = []; startup(); @@ -272,9 +273,8 @@ function intersectionCallback(entries) { }); } </pre> -</div> -<p>{{EmbedLiveSample("threshold-example", 500, 500)}}</p> +<p>{{EmbedLiveSample("exemple_de_seuil", 500, 500)}}</p> <h2 id="Interfaces">Interfaces</h2> |