主页 / 问题 / 1171215
Accepted
Dmitriy
Asked:2020-08-27 21:32:04 +0800 CST2020-08-27 21:32:04 +0800 CST

转到页面时如何“滚动站点”到具有特定 ID 的块

  • 772

有一个链接在/cabinet/tasks/set-school-classes?role=research_coordinator_oo#12146 哪里12146<div id="12146">

当您单击此链接时，您需要将页面滚动到该链接，<div>从idurl获取

如何用jquery编写它？更准确地说，如何在 jquery 中获取它？一般来说，这是这样一个草图（当然不工作）

  $('html, body').animate({
       scrollTop: $("здесь ид блока").offset().top  // класс объекта к которому приезжаем
  }, 1200); // Скорость прокрутки

如何附加它？

javascript

1 个回答

  1. Best Answer

    这里还需要在加载url的时候紧固检查是否有hash。但总的来说，它看起来像这样。

    const hash = window.location.hash // получаем хэш 
const target = hash.substring(1); // удаляем знак #

$('html, body').animate({
  scrollTop: $(target).offset().top
}, 1200);

    带有哈希检查的生产示例：

    $(function() {
  const hash = window.location.hash
  
  if (hash) {
    const target = hash.substring(1);
    
    $('html, body').animate({
      scrollTop: $(target).offset().top
    }, 1200);
  }
});

    • 2

相关问题