如果html元素在屏幕上，如何不移动页面？(How to not move page if html element is on screen?)

我不使用jQuery。 没有它可以解决这个问题吗？

我只有1个HTML / JavaScript /（CSS）页面。它包含在同一页面上引用html元素的链接。该页面有一个自动垂直滚动条，因为它很长。我需要链接点击的事件处理程序来检查在点击时引用的元素是否在屏幕上。如果它在那里页面不应该改变位置。这可能吗？怎么样？

检查是否在屏幕上不要移动页面

此代码是一个简单的示例，页面跳转，以便“hello world 2”位于浏览器窗口的最顶层。

<html> <head> <script type='text/javascript' language='javascript'> function onLinkClick(id) { } </script> </head> <body> <div id="id1">hello world 1</div> <div id="id2">hello world 2</div> <a href="#id2" onclick="onLinkClick('id2')">link</a> <div id="id3">hello world 3</div> </body> </html>

I don't use jQuery. Can this be solved without it ?

I have only 1 HTML / JavaScript / (CSS) page. It contains links that reference html elements on the very same page. The page has a automatic vertical scrollbar because it is long. I need my event handler for link clicks to check if the referenced element is on the screen at the moment of the click. If it is there the page should not change position. Is that possible and how ?

check if on screen don't move page

This code is a simple example that the page jumps so that the "hello world 2" is on the very top of the browser window.

<html> <head> <script type='text/javascript' language='javascript'> function onLinkClick(id) { } </script> </head> <body> <div id="id1">hello world 1</div> <div id="id2">hello world 2</div> <a href="#id2" onclick="onLinkClick('id2')">link</a> <div id="id3">hello world 3</div> </body> </html>