Sha256: 4fe38dfba412fd0b1f8a8c1d4b46398f076a40af5b62e0076a0fceecc14680d6
Contents?: true
Size: 955 Bytes
Versions: 7
Compression:
Stored size: 955 Bytes
Contents
<style>
#foo {
width: 150px;
height: 150px;
border: 5px solid black;
background: #fedcba;
padding: 20px;
position: absolute;
top: 150px;
left: 250px;
}
</style>
<p>
When pinned, the element should remain stationary when you scroll. Unpinning should fix the element in place.
</p>
<p>
<a id="pin">pin</a> |
<a id="pin_force">pin (force window scroll event)</a> |
<a id="unpin">unpin</a>
</p>
<div id="foo">
This is a bunch of text. This is a bunch of text. This is a bunch of text. This is a bunch of text.
This is a bunch of text. This is a bunch of text. This is a bunch of text. This is a bunch of text.
</div>
<div style="height: 2000px"></div>
<script src="/depender/build?require=More/Element.Pin"></script>
<script>
$('pin').addEvent('click', function(){
$('foo').pin();
});
$('pin_force').addEvent('click', function(){
$('foo').pin(null, true);
});
$('unpin').addEvent('click', function(){
$('foo').unpin();
});
</script>
Version data entries
7 entries across 7 versions & 1 rubygems