jQuery прокрутить до идентификатора с другой страницы в laravel

Question

То, что я хочу, рассмотрим этот случай, я нахожусь на странице home, когда я нажимаю services, она переходит на другую страницу с именем services. на этой странице есть элемент с именем here, я хочу перейти к этому представлению, когда нажимаю на службы.

Я не могу найти учебник или что-либо еще, пожалуйста, свяжите учебник или что-нибудь, что может помочь.

Answer 1

Вы можете использовать следующий код: https://plugins.compzets.com/animatescroll/#

Answer 2

Может быть, вы хотите использовать идентификатор привязки, чтобы сделать это ... Вы можете передать 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 (он использует якорь, чтобы перейти к разделу страницы)