jQuery scrollTop在FF和Safari上跳跃

Question

我有一个在单击按钮时激活的jQuery scrollTop函数，我也有一个在滚动时激活的scrollView函数。

目的是单击登录图像或用户向下滚动，登录图像由jQuery隐藏，并显示导航菜单。

这在Chrome浏览器中效果很好，但是在FF和Safari中，页面跳至页面下方，您必须向上滚动才能看到页面顶部。

也使用Divi WP主题。

任何帮助将不胜感激！

下面的代码是我使用的，对Jquery来说是很新的道歉，所以已经将不同地方的东西放在一起了，我敢肯定，这可以变得更简单！

//click-scroll-hide
(function($) {
  $(document).ready(function() {
    $(".cf_news_link").click(function() {
      $("html,body").animate({
        scrollTop: $("#news").offset().top
      }, 1000, function() {
        $("#cf_my-header").hide();
        $("#main-header").slideDown("slow");
      });
      return false;
    });
  });
})(jQuery);

//scroll-hide
jQuery(function($) {
  $.fn.scrollView = function() {
    return this.each(function() {
      $('html,body').animate({
        scrollTop: $(this).offset().top
      });
    });
  }
  var $header = $('#cf_my-header');
  var $win = $(window);
  var winH = $win.height();
  $win.on("scroll", function() {
    if ($(this).scrollTop() > winH) {
      $header.addClass("hide");
      $('#news').scrollTop();
      $('#main-header').slideDown("slow");
    }
  }).on("resize", function() {
    winH = $(this).height();
  });
});