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

时间:2018-06-27 15:00:50

标签: jquery laravel laravel-blade

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

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

2 个答案:

答案 0 :(得分:0)

也许您想使用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(他使用锚点转到页面的部分)

答案 1 :(得分:0)

您可以使用以下代码:https://plugins.compzets.com/animatescroll/#