首页 > 解决方案 > 使用 JQuery 滚动到 div 元素

问题描述

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

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

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

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

我尝试了这段代码来实现我的目标,但没有奏效。

感谢您的帮助。

标签: javascriptjqueryhtmlcss

解决方案


https://jsfiddle.net/dkw36xz1/

当我将代码更改为:

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

推荐阅读