Javascript 如何使页面加载在加载时向下滚动到？

我需要确保当用户加载页面时，某一行是可见的，即使该行在页面后面出现了很多行。换句话说，当页面加载时，它会立即跳转到标记行。该行只需位于浏览器窗口可见屏幕的某个位置。它的标记如下：

<div class="scrollhere">This line should always be visible when the page loads.</div>

整个页面上只显示其中一个。 我无法编辑标记文本的HTML，但可以在文档开头编辑CSS和JavaScript。 我的意思不是只移动特定的行，即使用position:absolute，而是页面加载到该行。

---

如何使页面在页面的中间加载，无论在哪里找到特定内容？

因此，如果您根本无法编辑HTML，则需要使用JavaScript或jQuery。这是我用来滚动到元素的函数

Javascript 这将在DOM中查询您的类在此处滚动的所有元素。我们将只选择数组中的第一项，以转到第一个元素。那我们就用这个

jQuery 在您的情况下，可以按如下方式调用此函数：

scrollTo('.scrollhere');

也可以选择传入偏移量。因此，您可能不想滚动到该元素的顶部。但宁愿滚动到100像素以上

scrollTo('.scrollhere',-100);

由于您不能编辑HTML，因此您肯定希望使用侦听器

$(document).ready(function(){
  scrollTo('.scrollhere',-100);
});

---

因此，如果您根本无法编辑HTML，则需要使用JavaScript或jQuery。这是我用来滚动到元素的函数

Javascript 这将在DOM中查询您的类在此处滚动的所有元素。我们将只选择数组中的第一项，以转到第一个元素。那我们就用这个

jQuery 在您的情况下，可以按如下方式调用此函数：

scrollTo('.scrollhere');

也可以选择传入偏移量。因此，您可能不想滚动到该元素的顶部。但宁愿滚动到100像素以上

scrollTo('.scrollhere',-100);

由于您不能编辑HTML，因此您肯定希望使用侦听器

$(document).ready(function(){
  scrollTo('.scrollhere',-100);
});

---

这段代码可能会对您有所帮助

$('html, body').animate({
    scrollTop: ($('.class').first().offset().top)
},500);

---

这段代码可能会对您有所帮助

$('html, body').animate({
    scrollTop: ($('.class').first().offset().top)
},500);

---

这是一个纯JavaScript示例。不需要jQuery

下面是一个简单的例子，说明这个答案

---

这是一个纯JavaScript示例。不需要jQuery

下面是一个简单的例子，说明这个答案

---

我无法控制页面的URL，因此使用和锚定将不起作用。我无法控制页面的URL，因此使用和锚定将不起作用。OP没有标记jQuery。@jwatts1980和？他也没有指定“no jquery”。也许还有其他人会找到这篇文章，并从jQuery的答案中获益？@Village I更新了一个JS示例。简单的一句话没错，jQuery在这类简单的事情上非常出色。但是JQuery似乎不应该成为JavaScript问题的默认起点，因为JQuery没有标记。也就是说，+1表示编辑的答案，并提醒我JS有一个GetElementsByCassName函数。OP没有标记jQuery。@jwatts1980和？他也没有指定“no jquery”。也许还有其他人会找到这篇文章，并从jQuery的答案中获益？@Village I更新了一个JS示例。简单的一句话没错，jQuery在这类简单的事情上非常出色。但是JQuery似乎不应该成为JavaScript问题的默认起点，因为JQuery没有标记。也就是说，+1表示已编辑的答案，并提醒我JS有一个getElementsByClassName函数。