jQuery scrollTop прыжки на FF и Safari - PullRequest
Новая
       13

jQuery scrollTop прыжки на FF и Safari

0 голосов
/ 23 октября 2018

У меня есть функция 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();
  });
});
...