|
User Details |
message
|
|
Albert Brizendine
post date:
2009-08-22 12:56:54
|
|
Will FlexiPanels CSS help me make a floating footer panel that always remains at the bottom of the page even when scrolling a through a long page?
|
|
|
Maxx
post date:
2009-08-22 14:48:41
|
|
You will have to make the content`s height auto, you have the option: Fit to page in configuration panel.
|
|
|
wewright
post date:
2009-08-23 00:59:23
|
|
can't find the Fit To Page option in the configuration panel...
|
|
|
Albert Brizendine
post date:
2009-08-23 01:47:08
|
|
Can't find the Fit to Page. Nor can I make this happen with anything I try.
|
|
|
Maxx
post date:
2009-08-23 03:59:41
|
|
I`m sorry, it`s called Fit To Content
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2009-08-24 08:23:20
|
Hello Albert,
Well, FlexiPanels doesn’t have this ability. In order to keep the panel always on the page, no matter how the user scrolls the page you need to use some javascript. Create a div that will be the wrapper for your panel (inside of this div you will later insert the panel). It is important that you give an id for your div.
Then, cut and paste this javascript code in the head of your page.
<script type="text/javascript">
window.onscroll = function() {
document.getElementById(" id_of_your_div").style.top = getScrollY()+"px";
}
function getScrollY() {
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
return window.pageYOffset;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
//DOM compliant
return document.body.scrollTop;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
return document.documentElement.scrollTop;
}
}
</script>
Don't forget to replace "id_of_your_div" with the id you've used.
If you have any questions, don't hesitate to ask.
Regards,
Andrei
|
|
