OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <div style="height: 200px; width: 100px;"></div> | 2 <div style="height: 200px; width: 100px;"></div> |
3 <div id="target" style="background-color: green; width:100px; height:100px"></di
v> | 3 <div id="target" style="background-color: green; width: 100px; height: 100px"></
div> |
4 <div style="height: 200px; width: 100px;"></div> | 4 <div style="height: 200px; width: 100px;"></div> |
5 <script> | 5 <script> |
6 document.createObserverCallback = function(entries) { | 6 document.createObserverCallback = function(entries) { |
7 return function(newEntries) { | 7 return function(newEntries) { |
8 for (var i in newEntries) entries.push(newEntries[i]) | 8 for (var i in newEntries) { |
| 9 entries.push(newEntries[i]); |
| 10 } |
9 }; | 11 }; |
10 } | 12 } |
11 document.createObserver = function(callback) { | 13 document.createObserver = function(callback) { |
12 return new IntersectionObserver(callback, {}); | 14 return new IntersectionObserver(callback, {}); |
13 }; | 15 }; |
14 </script> | 16 </script> |
OLD | NEW |