Как перейдя по ссылке на другую html страницу сделать так чтобы она открылась на зеленом блоке а не на красном с помощью чистого javascript?
У меня есть первая html cтраница:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="wrapper">
<a class="navbar-title" href="other.html">COMMENTS</a>
</div>
</body>
</html>
И вторая на которую перехожу по ссылке:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="wrapper">
<div id="red">
<p>Some text1</p>
</div>
<div id="green">
<p>COMMENTS</p>
</div>
</div>
<style>
body {
font-family: Verdana,
sans-serif;
margin:0
}
#wrapper{
height: 3000px;
}
#red{
height: 1000px;
background: red;
color: white;
}
#green{
height: 1000px;
background: green;
width: 100%;
color: white;
}
</style>
</body>
</html>
Мне просто нужно чтобы она запускалась именно на зеленом блоке потому что там у меня будут коментарии пользователей. Тоесть ссылка на первой html странице это по сути ссылка на комментарии, как в блогах на постах.
Но не знаю как это реализовать на чистом javascript чтобы при открытии страницы она отображалась на заданных координатах.