Newsletter Signup
Sign up to our newsletter to gain access to exclusive discounts and more.
Sticky Button Stack
This stack creates sliding tabs that open up and display additional content when clicked. Ideal for adding sticky navigation or forms to any website.
Demo
Four buttons are displayed on the edges of this screen, click each one of them to reveal their contents.
Key Features
 |
Multiple instances per page
You can have multiple stacks per page, each with it's own settings.
|
|
Completely Customizable
You control the location, width, margins & padding as well as text and link color.
|
|
Left, Right, Top or Bottom
The buttons can be placed on any edge of the screen.
|
|
Use Images As Tabs
Instead of plain old text, you can use an image as a tab as well.
|
|
Auto-Open
Tabs can be auto-opened on page load if so desired.
|
|
Link to Other Pages
If you want, instead of the box sliding out, you can also link the tab to another page, making it act like any other link.
|
|
Open With Page Link
You can place a link anywhere on the page to trigger a sticky button to open. For example, try this link.
|
Editing Area
The HUD
Tab Text
The text displayed on the tab. Can also be an image location. See the docs.
Tab Link
If you want the tab to link somewhere, add your URL here.
Location
Location of slide out content - options are top, bottom, right & left.
Alignment
Alignment of tab for location top/bottom - options are right & left.
Content Offset
Content offset in pixels from edge of browser window.
Tab Offset
Tab offset in pixels.
Content Size
The width of the box, in pixels or percent. If you want, you can also specify height as follows: width x height.
Tab Size
The width of the tab, leave at "auto" to automatically size. Otherwise in pixels or percent. If you want, you can also specify height as follows: width x height.
Unique ID
Unique ID for this tab, only necessary if you want to open/close a tab via a link somewhere on the page.
Center Tab
If selected, the tab will be displayed in the middle of the content box.
Auto Open
If set to true the content will auto-open when the page is opened.
Auto Close
If set to true the content will auto-close when elsewhere in the browser window is clicked.
Opening Speed
The time in milliseconds it takes to open the box.
Rounded Corners
How much to round the corners.
Content Opacity
The opacity of the content box.
Tab BG
The background color of the tab.
Tab Text Color
The color of the tab text.
Content BG
The background color of the box.
Text Color
The color of the text.
Link Color
The color of the links.
Border Color
The color of the borders.
Compact Editor
Controls how much or how little of the stack editing area is shown. Set to zero to view inline documentation.
The text displayed on the tab. Can also be an image location. See the docs.
Tab Link
If you want the tab to link somewhere, add your URL here.
Location
Location of slide out content - options are top, bottom, right & left.
Alignment
Alignment of tab for location top/bottom - options are right & left.
Content Offset
Content offset in pixels from edge of browser window.
Tab Offset
Tab offset in pixels.
Content Size
The width of the box, in pixels or percent. If you want, you can also specify height as follows: width x height.
Tab Size
The width of the tab, leave at "auto" to automatically size. Otherwise in pixels or percent. If you want, you can also specify height as follows: width x height.
Unique ID
Unique ID for this tab, only necessary if you want to open/close a tab via a link somewhere on the page.
Center Tab
If selected, the tab will be displayed in the middle of the content box.
Auto Open
If set to true the content will auto-open when the page is opened.
Auto Close
If set to true the content will auto-close when elsewhere in the browser window is clicked.
Opening Speed
The time in milliseconds it takes to open the box.
Rounded Corners
How much to round the corners.
Content Opacity
The opacity of the content box.
Tab BG
The background color of the tab.
Tab Text Color
The color of the tab text.
Content BG
The background color of the box.
Text Color
The color of the text.
Link Color
The color of the links.
Border Color
The color of the borders.
Compact Editor
Controls how much or how little of the stack editing area is shown. Set to zero to view inline documentation.
Documentation
Extra documentation is available here.
Browser Support
v 3.0.11+
v 3.2.1+
v 9.64+
v 7+
v 4.0.249+- More info
(*) Note that the effect currently does not show in IE6. We may work on adding support if there is demand.