| <!DOCTYPE html> |
| <html style="height: 200%;"> |
| <head> |
| <style> |
| img.selectable { |
| width: 100px; |
| height: 100px; |
| display: block; |
| background-color: gray; |
| } |
| </style> |
| </head> |
| <body style="margin: 0;"> |
| <img class="selectable"> |
| <img class="selectable" id="target"> |
| <img class="selectable"> |
| <script> |
| var target = document.getElementById("target"); |
| var nodeIndex = [...target.parentNode.childNodes].indexOf(target); |
| getSelection().setBaseAndExtent(target.parentNode, nodeIndex, target.parentNode, nodeIndex + 1); |
| scrollBy(0, 100); |
| </script> |
| </body> |
| </html> |
