jQuery 从 laravel 中的不同页面滚动到 ID

Question

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

我找不到任何教程或任何东西，请 link 一个教程或任何可能有帮助的东西。

Answer 1

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

或直接在您的 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

jQuery scroll to ID from different page in laravel