ScrollReveal.js - Tıklama veya Olay tüm öğeleri gösterme? Kaydırma bir tık olayla ortaya sahip tüm öğeleri ortaya çıkarmak için bir yol

Question

var mı?Belki tüm işlevlerini belirlemek?

Sorun:

kullanıyorum kaydırma İzotop yanı sıra ortaya koyuyor. İzotopun sıralama işlevi, kaydırma ortaya çıkarıldığında garip tepki verir.

ben izotop fonksiyonunu filtreyi arıyorum bir "filtre" butonuna tıklayın

.

benim ızgara delikler olduğunu söyledi dosyalayıcı butonuna tıkladıktan sonra aşağı doğru kaydırın ve ben

Teşekkür kaydırma yoluyla tüm öğelerin sonra düğme ortaya konmuştur "yeniden click" zorunda Ancak eğer

$grid.isotope({filter: '.fish-filter'}); // example 

!! -

Burada düzen çağrısı eklemiş

Güncelleme bu en azından daha önceden vardı delikleri giderir: Ancak

window.sr = ScrollReveal({ 
    beforeReveal: function (domEl) { 
     //$grid.isotope('layout'); // fixes holes 
    }, 
    afterReveal: function (domEl) { 
     $grid.isotope('layout'); 
    } 
}); 

- Yeni filtrelenmiş ürün olarak "fade" yok Kaydırma ile yaptıkları, izotoptan şekillendirmeyle birlikte "çini" olduğunu açığa çıkardılar. Eğer animasyonlar içinde hiçbir fark edemez bu şekilde - - ideal durum bir tüm ve düzen senaryo ortaya olurdu veya başka durum ne olursa olsun filtrelerin sadece basit sabit solma olmak tıklandığında olabilir.

Güncelleme

Aynı yükseklik dolayısıyla artık sorunla karşılaşan tüm taşları yapmaya karar verdi.

Teşekkür

Answer 1

Isoptope relayout adında bir işlevi vardır. Sen Bu fonksiyon Yaşadığınız sorun verilen daha faydalı olabilecek belgeler here

okuyabilirsiniz bu $grid.isotope('reLayout', callback)

gibi kullanabilirsiniz. İzotop basitçe öğeleri gizlemek için bir sınıf ekler, böylece O olarak yeniden adlandırıldı 'reLayout' benziyor bu

$('button').on('click', function() { 
    //You can reset the CSS 
    $('.isotope-hidden').removeClass('isotope-hidden'); 
    //Or you can use the isotope filter reset. 
    $grid.isotope({ filter: '*' }); 
});