Browse Source

docs : transformsEnabled : disabling hiddenStyle scale

pull/27/merge
David DeSandro 14 years ago
parent
commit
d5e3abd105
  1. 18
      _posts/docs/2010-12-03-options.mdown

18
_posts/docs/2010-12-03-options.mdown

@ -235,7 +235,7 @@ The property name of the method within the `getSortData` option to sort item ele
<dd class="default"><code><span class="kc">true</span></code></dd>
</dl>
Isotope uses CSS3 transform to position item elements, when available in the browser. Setting `transformsEnabled` to <code><span class="kc">false</span></code> will disable this feature so all browsers use top/left absolute positioning.
Isotope uses CSS3 transform to position item elements, when available in the browser. Setting `transformsEnabled` to <code><span class="kc">false</span></code> will disable this feature so all browsers use top/left absolute positioning. Useful for [resolving issues with Flash content](troubleshooting.html#flash).
### Additional CSS {#transformsEnabled-css}
@ -251,6 +251,22 @@ If you do disable transforms, but still want to use [CSS transitions](animating.
{% endhighlight %}
### Disabling hiddenStyle scale
If you are using filtering, it's also a good idea to disable the scale transform with the [`hiddenStyle` option](#hiddenstyle)
{% highlight javascript %}
$('#container').isotope({
transformsEnabled: false,
hiddenStyle : {
opacity: 0,
scale : 1
}
});
{% endhighlight %}
## visibleStyle
<dl class="clearfix">

Loading…
Cancel
Save