仅在特定div内使用滚动

Question

我需要使用此滚动来仅在某个div内的某个页面中锚定脚本 我的网页有body class: body.page-id-1和div id #main。所以脚本应该在里面工作：body.page-id-1 #main

jQuery('a[href*=#]:not([href=#])').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  var target = jQuery(this.hash);
  target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
  if (target.length) {
    jQuery('html,body').animate({
      scrollTop: target.offset().top
    }, 1000);
    return false;
  }
}
});

我无法将jQuery('html,body').animate更改为jQuery('body.page-id-1 #main').animate

如何使这个脚本只在某个div内的那一页上工作？