Как исправить проблему со скроллом?

Question

[unior277]

в чем ошибка?при скролле вниз по идее логотип должен убираться, и наоборот появляться при при определенном значении
jsfiddle.net/unior27/s2wv76oL/1

Answer 1

[Михаил Горячкин]

Попробуйте так, замените ваш код на:

$(function(){
     $('a[data-scroll^="#"]').click(function(){
       $('.menu li').removeClass('active');
       
      var target = $(this).attr('data-scroll');
      $('html, body').animate({scrollTop: $(target).offset().top - 0}, 800); 
      return false; 
     }); 
  });
var hide = false, show = true;
$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
    
  if (scrollTop >= 100 && !hide){
     hide = true;
      $('.navigation').stop()
      .animate({"marginTop": "-210px"},"slow", function () {
        show = false;   
      });
  }
   
  if (scrollTop < 100 && !show){
      show = true;
      $('.navigation').stop().animate({"marginTop": "+0px"}, "slow", function () {
          hide = false;
      });
  }
 });

Тут добавлены стопы к анимации и "замки", для того чтобы анимация отрабатывала только по разу на скрытие и открытие, а не при каждом проходе скрола.

Comments

[unior277]

да,получилось
jsfiddle.net/unior27/s2wv76oL/4
а еще вопросик маленький,как можно убрать вот этот отступ? joxi.ru/gmv66Q0uNl5Nma

[Михаил Горячкин]

Ну у вас в css высота шапки задана на 270px уменьшите её на сколько вам необходимо, чтобы отступа не было.

Answer 2

[Ilya Korablev]

Mozilla Firefox. Убирается.

Comments

[Антон Тихомиров]

Ну в Mozilla Firefox много что убирается) Пороховая бочка еще та!

Answer 3

[xmoonlight]

Еще вариант от меня)