链接到新页面并停在指定的新打开页面的滚动点

时间:2017-07-28 19:44:25

标签: javascript html css

我已经创建了一个锚链接并将href attriubute设置为我希望它跳转到的URL。但是,我不知道如何让用户在浏览器刚刚创建的新窗口中直接看到网站的中间部分。   顺便说一下,我的网页浏览器出于某种原因无法运行Jquery。我不知道为什么。因此,我更喜欢不使用Jquery的答案。 :-(  有没有人可以帮助我?欣赏它。

4 个答案:

答案 0 :(得分:1)

在要滚动到的元素上设置id,然后将#yourid放在网址的末尾。

<a href="test.html#foo">Link to foo</a>

<p id="foo">Bar</p>

答案 1 :(得分:1)

假设您要将用户从 index.html 重定向到 index2.html 中间部分。将一个id添加到该中间部分(比如'mid')。然后你可以使用链接

<a href="index2.html#mid">link</a>

div {
  display: block;
  width: 100%;
  height: 600px;
}

div#mid {
  background: #eee;
}
<html>

<head>
</head>

<body>
  <div><a href="#mid">link</a></div>

  <div id="mid">2</div>

  <div>3</div>
</body>

</html>

答案 2 :(得分:0)

如果要在新页面上滚动到的锚点是id,#anchor并且您的网址是example.com,则可以执行example.com#anchor

答案 3 :(得分:0)

首先创建您想要跳转到的#position链接。

<a href="#goThere">Link</a>

现在找到内容并为其指定一个ID,该ID与您希望链接在点击时跳转的href="#goThere中使用的ID相同。例如;

<div class="content">
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
  <div id="goThere">Lorem ipsum dolor sit amet, consectetur adipisicing 
 elit. Illum error nesciunt recusandae id esse odit illo quo odio similique optio, iste non ipsum eius, nostrum temporibus praesentium enim harum soluta.
  </div.
</div>

这将跳转到同一页面上的位置。对于新页面,只需提供完整的网址,例如href="newpage.html#goThere"example.com/#goThere