使用 JQuery 滚动到 div 元素

Question

我知道这个问题有一些主题......

无论我尝试什么，我都无法处理...

首先，我是一个 wordpress 用户并安装了一个 wcfm 市场插件...我想由于某些原因他们忽略了商店列表页面中的 javascript，因此当您尝试访问移动浏览器时，过滤页面位于页面底部...这对用户体验不利，所以我决定做一个在他们点击过滤器按钮时滚动到过滤器 div 部分的东西。

$(".woodmart-filter-buttons").ready(function(){
$("html, body").delay(2000).animate({
    scrollTop: $('#wcfmmp-store-product-search-5').offset().top 
}, 2000);
});

我尝试使用此代码来实现我的目标，但没有奏效。

感谢您的帮助。

Answer 1

https://jsfiddle.net/dkw36xz1/

当我将其更改为以下代码时，您的代码对我有用：

$(document).ready(function(){
  $("html, body").delay(2000).animate({
      scrollTop: $('#wcfmmp-store-product-search-5').offset().top 
  }, 2000);
});

Answer 2

看看我的 GitHub 存储库，我认为这就是在页面从 div 向下滚动到元素时创建平滑运动所需要的，记住您必须锚定 div 以使其成为可能。 https://github.com/Guilherme-A-Lara/smooth-on-JS