new: Element.pin

Here’s a little Mootools extension that you might find useful. I’m using it my StickyWin classes to allow the user to “pin” it in place so it won’t move if they scroll.

$('fxTarget').pin()

Execute the example, then scroll. That’s it. You can unpin it if you like:

$('fxTarget').unpin()

(note, in this example because of the way my little fxTarget helper works, unpin will break the drag behavior, but that won’t happen in other instances).

I’ve added .pin and .unpin to StickyWin, too.

This entry was posted on Thursday, May 3rd, 2007 at 4:41 pm and is filed under Examples, MooTools, Visual Effects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

6 Responses to “new: Element.pin”

  1. Michael Says:
    May 3rd, 2007 at 4:48 pm

    That is awesome. Once again I thank you!

  2. Rumble Says:
    May 4th, 2007 at 12:39 am

    Looks like a neat idea, doesn’t seem to work in IE 6 though - throws three nasty looking javascript error messages!

  3. Aaron N. Says:
    May 4th, 2007 at 8:44 am

    Fixed. I had a trailing comma in my code.

  4. Dave Salazar Says:
    August 14th, 2007 at 10:30 am

    This seems to be ridden with problems. Anyone else having problems using this?

  5. Aaron N. Says:
    August 14th, 2007 at 10:33 am

    Ridden? …What are the problems you are having with it? Note that if you are pinning an element that is contained within another that is positioned, you may have offset problems.

  6. Dave Salazar Says:
    August 14th, 2007 at 11:34 am

    I apologize, i was mistaken, seems to work fine. You may delete my posts if you wish :)

Leave a Reply

You must be logged in to post a comment.