<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
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |