如何平滑滚动到其他页面？

Question

我有这个JS代码：

def monthly_standardize(cols, df_train, df_train_grouped, df_val, df_val_grouped, df_test, df_test_grouped):
    # Disable the SettingWithCopyWarning warning
    pd.options.mode.chained_assignment = None
    for c in cols:
        df_train[c] = df_train_grouped[c].transform(lambda x: scale(x.astype(float)))
        df_val[c] = df_val_grouped[c].transform(lambda x: scale(x.astype(float)))
        df_test[c] = df_test_grouped[c].transform(lambda x: scale(x.astype(float)))
    return df_train, df_val, df_test

平滑滚动在首页上效果很好。但是在其他页面中则没有任何反应，因为首页中的各个部分都可以平滑滚动

那是html代码：

$(document).ready(function() {
  $('.smooth-scroll').on('click', function(evt) {
    timber.closeDrawerMenu();
    evt.preventDefault();
    $('html, body').animate(
      { scrollTop: $($(this).attr('href')).offset().top},
      300
    );
  });
});

我试图

<li>
    <a href="#home-features" class="smooth-scroll">Features</a>
</li>

而我没有成功。 我该怎么办？