Отображения предмета при скроллинге?

Question

[Игорь Касперский]

Всем привет, вот код при скроллинге появляется предмет, но ни как не могу разобраться как сделать чтоб в определенном месте появилось, и исчезло если листаешь обратно, что подскажете?

$(document).ready(function(){

	 $(window).scroll(function(){
			var scroll = $(this).scrollTop();

		if (scroll > $('.fix').offset().top-($(window).height()/2)){
			$(".fix").css({
                        console.log(scroll);	
			'transition' : 'all 1s ease',
			'opacity' : '1'});		
		}

	});
});

Answer 1

[Иван Кондратьев]

Вспомнил себя в начале пути ) .
У вас уже есть один иф.
Вам нужен еще один который будет проверять

if (  true ===  'листаешь обратно'  ) {
        // opacity = 0
}

Как то так если я вас правильно понял.

Comments

[Игорь Касперский]

т.е. "-scroll"?

[Иван Кондратьев]

$(function(){
    var topPos = 600;
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top > topPos) $('#scrollTop').addClass('view-block');
        else $('#scrollTop').removeClass('view-block');
    });
});

[Игорь Касперский]

успел разобраться))) но все же спасибо) Круто

[Игорь Касперский]

Иван Кондратьев: а еще один вопрос, при изменение масштаба все будет иначе же, как быть с этой проблемкой?

Answer 2

[Виталий Инчин ☢]

.fix{
   transition: opacity 1s ease;
   opacity: 0;
}

.fix.active{
   opacity: 1;
}

$(document).ready(function(){
   var $window = $(window), $fix = $(".fix");

   $window.scroll(function(){
      var curScroll = $window.scrollTop(); 
      var keyPoint = $fix.offset().top - $window.height() / 2;

      $fix.toggleClass("active", curScroll >= keyPoint);
   });
});