Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>bouncingrect</title>
</head>
<body>
  <H1>etude de getBoundingClientRect()</H1>
  <h1>p#id${item $}*100</h1>
<p id="id1">item 1</p>
<p id="id2">item 2</p>
<p id="id3">item 3</p>
<p id="id4">item 4</p>
<p id="id5">item 5</p>
<p id="id6">item 6</p>
<p id="id7">item 7</p>
<p id="id8">item 8</p>
<p id="id9">item 9</p>
<p id="id10">item 10</p>
<p id="id11">item 11</p>
<p id="id12">item 12</p>
<p id="id13">item 13</p>
<p id="id14">item 14</p>
<p id="id15">item 15</p>
<p id="id16">item 16</p>
<p id="id17">item 17</p>
<p id="id18">item 18</p>
<p id="id19">item 19</p>
<p id="id20">item 20</p>
<p id="id21">item 21</p>
<p id="id22">item 22</p>
<p id="id23">item 23</p>
<p id="id24">item 24</p>
<p id="id25">item 25</p>
<p id="id26">item 26</p>
<p id="id27">item 27</p>
<p id="id28">item 28</p>
<p id="id29">item 29</p>
<p id="id30">item 30</p>
<p id="id31">item 31</p>
<p id="id32">item 32</p>
<p id="id33">item 33</p>
<p id="id34">item 34</p>
<p id="id35">item 35</p>
<p id="id36">item 36</p>
<p id="id37">item 37</p>
<p id="id38">item 38</p>
<p id="id39">item 39</p>
<p id="id40">item 40</p>
<p id="id41">item 41</p>
<p id="id42">item 42</p>
<p id="id43">item 43</p>
<p id="id44">item 44</p>
<p id="id45">item 45</p>
<p id="id46">item 46</p>
<p id="id47">item 47</p>
<p id="id48">item 48</p>
<p id="id49">item 49</p>
<p id="id50">item 50</p>
<p id="id51">item 51</p>
<p id="id52">item 52</p>
<p id="id53">item 53</p>
<p id="id54">item 54</p>
<p id="id55">item 55</p>
<p id="id56">item 56</p>
<p id="id57">item 57</p>
<p id="id58">item 58</p>
<p id="id59">item 59</p>
<p id="id60">item 60</p>
<p id="id61">item 61</p>
<p id="id62">item 62</p>
<p id="id63">item 63</p>
<p id="id64">item 64</p>
<p id="id65">item 65</p>
<p id="id66">item 66</p>
<p id="id67">item 67</p>
<p id="id68">item 68</p>
<p id="id69">item 69</p>
<p id="id70">item 70</p>
<p id="id71">item 71</p>
<p id="id72">item 72</p>
<p id="id73">item 73</p>
<p id="id74">item 74</p>
<p id="id75">item 75</p>
<p id="id76">item 76</p>
<p id="id77">item 77</p>
<p id="id78">item 78</p>
<p id="id79">item 79</p>
<p id="id80">item 80</p>
<p id="id81">item 81</p>
<p id="id82">item 82</p>
<p id="id83">item 83</p>
<p id="id84">item 84</p>
<p id="id85">item 85</p>
<p id="id86">item 86</p>
<p id="id87">item 87</p>
<p id="id88">item 88</p>
<p id="id89">item 89</p>
<p id="id90">item 90</p>
<p id="id91">item 91</p>
<p id="id92">item 92</p>
<p id="id93">item 93</p>
<p id="id94">item 94</p>
<p id="id95">item 95</p>
<p id="id96">item 96</p>
<p id="id97">item 97</p>
<p id="id98">item 98</p>
<p id="id99">item 99</p>
<p id="id100">item 100</p>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dupontdenispro
0viewers