| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="helper-functions.js"></script> | 2 <script src="/js-test-resources/intersection-observer-helper-functions.js"></scr
ipt> |
| 3 <div style="height: 200px; width: 100px;"></div> | 3 <div style="height: 200px; width: 100px;"></div> |
| 4 <div id="target" style="background-color: green; width:100px; height:100px"></di
v> | 4 <div id="target" style="background-color: green; width:100px; height:100px"></di
v> |
| 5 <div style="height: 200px; width: 100px;"></div> | 5 <div style="height: 200px; width: 100px;"></div> |
| 6 <script> | 6 <script> |
| 7 var port; | 7 var port; |
| 8 var entries = []; | 8 var entries = []; |
| 9 var target = document.getElementById('target'); | 9 var target = document.getElementById('target'); |
| 10 var scroller = document.scrollingElement; | 10 var scroller = document.scrollingElement; |
| 11 var nextStep; | 11 var nextStep; |
| 12 | 12 |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 | 66 |
| 67 function handleMessage(event) | 67 function handleMessage(event) |
| 68 { | 68 { |
| 69 port = event.source; | 69 port = event.source; |
| 70 nextStep(); | 70 nextStep(); |
| 71 } | 71 } |
| 72 | 72 |
| 73 nextStep = step0; | 73 nextStep = step0; |
| 74 window.addEventListener("message", handleMessage); | 74 window.addEventListener("message", handleMessage); |
| 75 </script> | 75 </script> |
| OLD | NEW |