Browse Source

docs : Infinite Scroll disable CSS transitions on container element

pull/14/head
David DeSandro 14 years ago
parent
commit
2e9c63dc13
  1. 2
      _posts/demos/2011-01-02-infinite-scroll.html
  2. 8
      css/style.css

2
_posts/demos/2011-01-02-infinite-scroll.html

@ -10,7 +10,7 @@ infinite_scroll: true
<p>Isotope is interoperable with <a href="http://www.infinite-scroll.com/">Infinite Scroll</a> by Paul Irish. Use the <a href="../docs/methods.html#appended"><code>appended</code></a> method to add new items to the Isotope layout.</p>
</section>
<div id="container" class="variable-sizes clearfix">
<div id="container" class="variable-sizes clearfix infinite-scrolling">
{% for element in site.elements_ordered limit:20 %}
{% include element-partial.html %}
{% endfor %}

8
css/style.css

@ -245,6 +245,14 @@ body {
transition-property: height, width;
}
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;

Loading…
Cancel
Save