CSS/jQuery: Help w/ Tabbed Slide-Out on Right Side (Not the Plug-In)?
I'm trying to use a jQuery script to create a tabbed slide-out on the right side of the screen. At this point, the slide-out plug-in is not an option.
Here's the script:
- $('#sideTabMain .button').toggle(function() {
- $('#sideTab').animate({right:'0px'}, {queue:false, duration: 500});
- }, function() {
- $('#sideTab').animate({right:'-650px'}, {queue:false, duration: 500});
- });
The issue is CSS-related. You can still see the slide-out div when you scroll over to the right (off the screen). How do I hide this? I tried putting the entire page in a CSS div with overflow: hidden but this completely removed the ability to scroll horizontally. Any ideas?
Thanks for your help.