jquery - 将页面滚动到显示被阻止的位置

Question

我在页面中间有一个带有 display.none 的元素。我希望在更改显示时阻止页面滚动到该位置。这可能吗？

Answer 1

假设您在某个时候使用 javascript 将该元素从“display: none”更改为“display: block”，您可以同时使用一些 javascript 滚动到该元素。

编辑:我很快就构建了这个，它确实有效。

说明:atSomePoint 就是触发从显示:无到显示: block 的更改的任何事件。我正在使用 .show() 以便将元素从隐藏中移到此处，但显然有多种方法可以做到这一点。接下来是滚动部分。我们正在获取页面的主体并对其进行动画处理；去哪儿？嗯，到元素的位置。因此，我们使用“scrollTop”对 $(el) 从顶部使用“.offset().top”的偏移集进行动画处理。 500 是动画需要多长时间，“摇摆”是动画类型(缓动)，甚至没有必要。此外，如果您对 stop() 感到好奇，它只会停止正在执行的任何其他当前动画。它仍然可以工作，也可以忽略它。

(function() {
  $(el).atSomePoint, function() {
    $(this).show();
    $('html, body').stop().animate({
      'scrollTop': $(el).offset().top
    }, 500, 'swing');
  });
});