Question

考虑到这种情况，我想要的是，我在页面home上，当我单击services时，它会转到另一个名为services的页面。在此页面上，有一个名为here的元素，我想在单击服务时滚动到该视图。

我找不到任何教程或任何内容，请链接一个教程或任何可能有帮助的内容。

Answer 1

也许您想使用ID锚来执行此操作... 您可以在网站的某个地方传递window.location.hash = 'target'或仅添加URL。

或直接在您的网址中使用： www.yourwebsite.com#target

<div id="target">...</div>

使用Jquery可以在页面加载时触发，如下所示：

$(document).ready(function() {
  var targeOffsetTop = $('[role="target"]').offset().top;
  $( document ).scrollTop(targeOffsetTop)();
});

如果您想更平滑一些，请使用以下方式：

var targeOffsetTop $('[role="target"]').offset().top
$('html, body').animate({
  scrollTop: $(targeOffsetTop).offset().top,
});

引用：https://api.jquery.com/scrollTop/#scrollTop2（他使用锚点转到页面的部分）

Answer 2