nkeric schrieb:
> hi all!
> 
> As a happy user of jquery, I would like to thank you all developers of
> jquery! It do make the javascript programming sexy again :-)
> 
> Here is my question, I'm trying to implement this in our project:
> 
>  1. a fixed position (relative to browser's viewport) pane stays on
> the left of the browser, showing a small click-able bar
>  2. if the page is long, when user scrolls the page, the pane follows
>  3. when the user clicks the click-able bar, the pane slide in from
> the left into the center and shows contents inside the pane.
> 
> Any suggestion?
> 
> TIA!
> 
> Best Regards
> 
> - Eric


Step one: For the panel simply use fixed positioning:

#panel {
     position: fixed;
     top: 0;
     lef: 0;
}

This one for IE6:

* html #panel {
      position: absolute;
      top: expression(ignoreMe = document.documentElement && 
document.documentElement.scrollTop || document.body.scrollTop);
}

For opening use jQuery's animate function:


$('#panel').animate({left: 0, width: '150px'});

Not sure if that animation is correct, I had to test myself now...



-- Klaus

_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to