滚动到:#div 标记而不是页面顶部

Question

我正在尝试在这个小代码片段中使用 ScrollTo 函数，所以我的页面滚动到 IDdiv 标签而不是页面"0"的顶部。任何帮助将不胜感激！

这是我用来滚动到页面顶部的代码。一切正常，只需要弄清楚如何添加div位置，而不仅仅是顶部。

我还应该提到我正在使用平滑状态.js

非常感谢您的帮助:)

$(function(){
  'use strict';
  var $body = $('html,body, #smoothState');
  var options = {
    prefetch: true,
    cacheLength: 2,
    blacklist: ".no-smoothstate a, .post-edit-link,  a[href*='.jpg'], a[href*='.png'], a[href*='.jpeg'], a[href*='.pdf']",
onStart: {
  duration: 0, // Duration of our animation
  render: function ($container) {
      $('.spinner').fadeIn(0);
    // Add your CSS animation reversing class
    $container.addClass('is-exiting');


    $body.animate({
          scrollTop: 0
        });
    // Restart your animation
    smoothState.restartCSSAnimations();
  }
},


onReady: {
  duration: 0,
  render: function ($container, $newContent) {
      $('.spinner').fadeOut(0);
    // Remove your CSS animation reversing class
    $container.removeClass('is-exiting');

    // Inject the new content
    $container.html($newContent);

     }
  },

Answer 1

这就是我现在的做法。似乎工作正常。希望这有助于其他一些像我一样在jQuery上不太专业的人哈哈:)

$('html, body').animate({
scrollTop: $("#target-element").offset().top
}, 1000);