Post discussion

# Sidebar Slider

Posted: Dec 3, 2005, under WordPress, DHTML. Add a comment!

This WordPress plugin makes block elements slide up and down as you scroll through a page, so you can always have the sidebar, for instance, within easy reach.

You can add a comment:
Identify yourself here, or login.

(only seen by admins)
(optional) if you want people to visit


Smilies: (click to append)

22 comments

RSS2 feed for this discussion.

  1. Posted by Skippy, on December 3, 2005, 22:58.

    READ THIS IF YOU WANT ME TO HELP YOU FIND THE (X)HTML ELEMENTS.

    Don't ask me about random themes! Give a link to a blog currently using the theme you are asking about. I need to see the XHTML for the blog pages in order to make a suggestion. I will NOT download arbitrary themes, install them, and test them.

  2. Posted by Odar W., on February 11, 2006, 20:59.

    I like this plugin and will test it in the future on a site with a lot of comments.
    Thanks for your hard work :shock:

  3. Posted by Skippy, on February 11, 2006, 23:29.

    Thanks right back, I hope it helps you.

  4. Posted by Bryan, on March 8, 2006, 18:43.

    I am using the slider in a separate (non-WordPres) application, and it works great in IE, FireFox and Opera, but fails in Safari. I know you stated that it was not tested on the Mac, but I thought I would let you know that it is in fact not working. For some reason, the "wantedPosition" variable will not exceed 10. The slider moves just a little down the page and then stops and will not move any further down. I am going to try to debug when my friend loans me his old iMac.

  5. Posted by Skippy, on March 8, 2006, 21:09.

    Thanks, Bryan, I'd appreciate it. It doesn't look like I'm getting my hands on any kind of Mac anytime soon.

  6. Posted by jared, on June 5, 2006, 04:45.

    Just stumbled across your plugin and I'm wondering if it will work with zen minimalist? I saw someone else had asked once on wordpress.org but it doesn't look like they ever figured it out.

  7. Posted by Skippy, on June 5, 2006, 09:37.

    Jared: I think it should work. Try using id "menu" or "nav" as the slider, "main" or "content" as the container, and "footer" or "clearer" as breaker. I'm not sure why Zen Minimalist uses two tightly nested <div>'s in some places, that's why I gave you two alternatives for the first two. I know why the footer uses the clearer, it's a method of "clearing floats" (google it if you're interested).

  8. Posted by Janeth, on June 15, 2006, 00:08.

    Wow nice plugin!
    I fairly new to wordpress and am still discovering all the cool features and addons.
    I really like the expand/collapse you have setup on all the sections.
    Is that a plugin too?

  9. Posted by Skippy, on June 15, 2006, 09:55.

    Janeth: yes, and you can find it here. Thanks for the props.

  10. Posted by Robert Schmelzer, on July 21, 2006, 14:47.

    Hi,

    thanks for this fine code! I use it outside Wordpress for another project and I am really happy with it. Good work!

    Greetings
    Robert

  11. Posted by Skippy, on July 21, 2006, 21:30.

    Thanks, Robert, glad you like it.

  12. Posted by Owen, on August 9, 2006, 03:57.

    Awsome!

    Thanks very much for the guide!

    This is a very neat plugin.

  13. Posted by Sydney Web Development, on September 17, 2006, 03:09.

    This site is in use at Mainland Building Solutions. Which is a Drupal powered site. Thanks for the script.

  14. Posted by Skippy, on September 18, 2006, 00:03.

    I'm very glad it was of help.

  15. Posted by SG, on September 25, 2006, 17:37.

    Thanks Skippy for a nice plugin and detailed documentation. I not able to get it work on my WP blog which uses a lot of plugins and the theme has two sidebars. I am sure everything is installed fine as I tried with some table tags as you had suggested and the left sidebar was moving but the content went below the sidebar and would also move down when the sidebar moved. I think I am not able to identify the container and slide properly. Can you please help to solve this and suggest what should I use as containers and sliders to make both my left and right sidebars move. My site url is linked to my name. Thanks in advance.

  16. Posted by SG, on September 25, 2006, 22:28.

    Ok I tried many ways and got it to work. But only one thing. When I scroll down, the two sidebars do scroll with me but kind of lag behind. The top parts of the sidebars don't come down with me and I can only see their middle and end parts. But when I scroll up again a fair bit, then the top of the two sidebars becomes visible. Please help me to solve this Sticky. Your help will be greatly appreciated.

  17. Posted by Skippy, on September 26, 2006, 10:11.

    SG: that's how they're supposed to work, it's the whole gist of this plugin. :) The point is to be able to see the sidebar content "naturally": you scroll when it's higher than the visible part of the window, it scrolls when it's smaller.

    If the sliding boxes stood always aligned with the top of the window, and they were higher than the window, you'd never see their bottom part. Many sliding scripts do that, I'm afraid, it's one thing I didn't like and which made me write this one instead.

    If you mean "wait until they hit bottom and then show their lower parts" then I'm afraid that's not a desired effect. The intention was to get to any part of the sidebar with as little scrolling as possible. If I had to go to the bottom of the page to see their lower ends then it kind of defeats the purpose.

    I'm glad you could make it work and that you find it useful. If I may make a suggestion: decrease the sliding speed somewhat. If the sliding boxes suddenly teleport wherever you go it may confuse people. I've noticed that they need some visual feedback, it helps them to actually see the boxes follow them.

  18. Posted by Juliano, on October 3, 2006, 22:20.

    Hello, Skippy. I found your plugins through the WP website and I must say that I really loved them all :smile:

    I installed the Sidebar Slider in a theme with particular attributes (the breaker was the footer id in some pages, but needed to be the comments id in others), but I found a way to work it out easily, with all your wonderful explanations :smile:

    I also installed the Smiley JS Buttons and it's working flawlessly! :wink: The next step is to install the JS Toggle Boxes, wich is another great plugin.

    Thank you very much for all this! :lol:

  19. Posted by Skippy, on October 4, 2006, 10:06.

    Thanks, Juliano, it's very nice to receive feedback like this. :)

  20. Posted by Dan, on September 1, 2007, 19:02.

    Hey Skippy! I just installed your Sidebar Slider on my Wordpress 2.2.1 and it works just fine with only a slight bit of code modification - namely I was getting an encapsulation error from the slide_add call, so here's what I did:

    1. Following your instructions, I uploaded the widget and activated it.
    2. I added the initialization code to the line just before the header end (leaving the optional code to TRUE.
    3. I found the sidebar (slider) ids (for the Talian 1.0 Theme they were called "left-sidebars" and "right-sidebars".
    4. I found the container (you said they would be either "wrapper" or "page") for the sidebars (for the Talian 1.0 Theme the wrapper is called "wrap-talia").
    5. I took your example code of and entered the containerid, slider id, and break (for me it was "footer") into it as so:
      .
    6. I placed the activation code into the Talian 1.0 Theme's footer.
    7. I copied the code in number 5. (above) into Talian 1.0 Themes HEADER file at the the last line.
      THAT'S WHEN I RECEIVED THE ENCAPSULATION ERROR, so I replaced the "{ }" with "( )" and removed the additional description text, put div tags around the code and was left with this: 
      

      So that worked for ONE SIDE!  YEAH!!!
      8. 

    8. In order for both sidebars to move, I repeated the same code above replacing "right-sidebars" with "left-sidebars" put it all in div tags and ended up with this:
      9. 

    

    

    I do have to work on the break as the "footer" break doesn't seem to stop it at the end.  Otherwise, It all works great and I can confirm that your code (changed only in one place) works great on Wordpress 2.2.1 for everyone to enjoy.
    

    Thank you for your excellent work on this wiget!!  A++ to you!  :smile: 
    

    
		
    21. 
					
		
  21. 
		
		
		Posted by Skippy,
		on September 3, 2007, 14:15.
						
    Thanks Dan, especially for taking the time to do a walkthrough.
    

    
		
    22. 
					
		
  22. 
		
		
		Posted by Jodi,
		on December 20, 2007, 20:10.
						
    I am building a site and needed this exact function for the sidebar on some pages. Thank you for a simple and clean solution!
    

    
		
    23. 
				

	  Jump to comment box