How to create a "sticky" widget in the sidebar?

Viewing 6 replies - 1 through 6 (of 6 total)
  • jnhghy

    (@jnhghy)

    11 years, 7 months ago

    Hi Sunnyj,
    That element it’s not actually in the sidebar, it’s usually in the header file, and it’s a css trick: position: fixed;
    Check the info page above and try it!
    Regards

    Thread Starter Sunnyj

    (@sunnyj)

    11 years, 7 months ago

    Yes but it switches from absolute to fixed once the top of the screen scrolls down and touches its top. Very clean, doesn’t overlap anything and only moves into fixed position once you’ve scrolled down on it. Most of the ones I’ve seen also automatically switch back to absolute position when it reaches the footer to avoid overlapping it.

    Anyone know how that’s done?

    jnhghy

    (@jnhghy)

    11 years, 7 months ago

    Check jquery to change the attribute of an html element.
    You can check this for some info.
    Regards

    Pioneer Web Design

    (@swansonphotos)

    11 years, 7 months ago

    Set also a top and bottom:
    Example:

    top: 25px;
bottom: 25px;

    may not work in older browsers

    Thread Starter Sunnyj

    (@sunnyj)

    11 years, 7 months ago

    Thanks guys, I got it working.

    Max Bond

    (@max-bond)

    11 years, 5 months ago

    Hi guys!

    Try this new plugin: Q2W3 Fixed Widget

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to create a "sticky" widget in the sidebar?’ is closed to new replies.