WordPress.org

Ready to get started?Download WordPress

Forums

Sliding down Widget in widget area (12 posts)

  1. Andor Nagy
    Member
    Posted 1 year ago #

    Hey,

    I saw many site uses this technic but I don't know how to make it.

    It is like when you scroll down on a website and if the widget area becomes empty, the lest widget start to slide down in the sidebar.

    if anyone knows how I can make it, please help me.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    can you show an example website?

  3. Andor Nagy
    Member
    Posted 1 year ago #

    Sure, look at the sidebar on the swiftthemes framework : http://demos.swiftthemes.com/

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sorry I can't see what you mean.

  5. Andor Nagy
    Member
    Posted 1 year ago #

    Look at the sidebar when you are scrolling down on the website
    after you reach the middle or something like that the sidebar items will change to fixed and the slide down as you scroll forawrd.

    Okay, a better example http://9gag.com/ start to scroll down and look at the recommended widget. It slides as you scroll.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    That's achieved with CSS

    position: fixed

    Add that style to your sidebar wrapping element.

  7. Andor Nagy
    Member
    Posted 1 year ago #

    But how can I do it only for one widget?

    And so it's only fixed after I reach that widget

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add the same CSS to that particular widget.

  9. Andor Nagy
    Member
    Posted 1 year ago #

    How do I make it so if screens top reaches for ex

    <div class="sliding-widget">
    </div>

    this box, then the box changes to

    <div class="sliding-widget" style="position:fixed">
    </div>

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Have you a link to your website so I can try it out?

  11. Andor Nagy
    Member
    Posted 1 year ago #

    Yes. http://minecraftdb.info and I would like the sidebar's bottom ad so if you scroll over it, it slides down.

  12. moussaif
    Member
    Posted 1 year ago #

    I think that is better

    http://www.reallyreallyfunnyjokes.com

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.