如何，當你向下滾動，然後向上

我有動畫的一個問題，當你開始向下滾動的圖片和你一起去，直到偏移（動畫元素）。頂部= 960像素，但是當你向上滾動，這幅畫必須去與你到頂部 - 這是一個問題，然後我不知道如何返回到頂部。這裏是我的地盤，這部動畫在頂部如何，當你向下滾動，然後向上

//scroll cicada 
    var x = true; 
    $(window).scroll(function() { 
     var item = $("#cicada").offset().top; 
     var place = $("#circles").offset().top; 
     if (item >= 950 && x) { 
      $("#cicada").css("position", "absolute"); 
      $("#cicada").css("top", "950px"); 
      x = false; 
     } else if (item <= 950 && !x) { 
      $("#cicada").css("top", "160px"); 
      x = true; 
     } 
    });

CSS：

.cicada { 
     width: 340px; 
     height: 380px; 
     background: url("../includes/images/main-item-min.png") no-repeat center center; 
     background-size: contain; 
     position: fixed; 
     z-index: 5; 
     top: 160px; 
     right: 59%; 
     z-index: 8888; 
    }

來源

2016-10-17 Dima Vleskov

向上滾動，您的菜單欄再次出現。但是，它不應該，對吧？ – gschambial

當動畫是950時，圖片是固定的，但是當你向上滾動時，它開始再次移動到頂端http://99.sysale.ua/ –

請在問題本身中包含[mcve]，而不是在第三方網站。 –

我想，你應該讓你header僅可見，當你在你的滾動即頂部時currentTop爲0

var currentTop = $(window).scrollTop(); 
    if (currentTop == 0) { 
     $("header").css("display", "block"); 
    } else { 
     $("header").css("display", "none"); 
     if ($('.menu').hasClass("change")) { 
     $('.menu').removeClass("change"); 
     } 
    }

我希望它有幫助。

來源

2016-10-17 17:35:02 gschambial

不，它不是一個頭，它是一個div元素 - 當你向上滾動時，你必須滾動到某個點，這個div元素停留在那裏，但是當你向上滾動時，選擇這個div並拖動到頂部 –

是的，我明白。但是，只有在頁面頂部時才能看到div。但是，在您的代碼中，每次向上滾動時都會使您的div可見，即使您僅向上滾動一個像素即可。 – gschambial

它必須始終可見，只有在網站http://99.sysale.ua/ –

如何，當你向下滾動，然後向上

回答

相關問題