- Change Summary:
-
Added some screenshots.
Float banners
Review Request #2133 — Created Feb. 18, 2011 and submitted
This update adds a class 'float-element' that can be used to float elements at the top or bottom of the screen if they are scrolled off-screen. If you don't want an element to float everywhere on the screen you can add the 'float-element-container' class to an element wrapping the 'float-element' and it will only float while it is within the container.
Tested visually in Opera and Chrome (OS X).
Screenshots
MA
- Change Summary:
-
Updating the JavaScript to keep floating elements within a float-element-container element.
- Diff:
-
Revision 2 (+56 -1)
- Screenshots:
-
Floating bottomOn the screenFloating top
MA
- Change Summary:
-
Updated the description of the review request.
- Description:
-
~ This update adds a class 'float_me' that can be used to float elements at the top or bottom of the screen if they are scrolled off-screen.
~ This update adds a class 'float-element' that can be used to float elements at the top or bottom of the screen if they are scrolled off-screen.
~ It might be useful to instead float all elements matching '.banners > .banner', possibly adding a setting somewhere so users can disable this.
~ If you don't want an element to float everywhere on the screen you can add the 'float-element-container' class to an element wrapping the 'float-element' and it will only float while it is within the container.
- - Adding an 'onclick' event that will move the view back to where the floating element lives might be nice.
MA
- Change Summary:
-
Updated the floating elements to maintain their size while floating and to always be on top (z-index:999).
- Diff:
-
Revision 3 (+59 -1)
- Screenshots:
-
Above screen, but outside of box (hidden)Floating within box