Home > Javascript > Sticky Sidebar

Sticky Sidebar

CSS Code:

#sidebar-move-wrapper {
    position: fixed;
}

Javascript Code:

<script type="text/javascript">
// <![CDATA[
window.onscroll = function() {
    if( window.XMLHttpRequest ) {
        if ((document.body.scrollTop > 280) || (document.documentElement.scrollTop > 280)) {
            document.getElementById('sidebar').style.position = 'fixed';
            document.getElementById('sidebar').style.top = '0';
        } else {
            document.getElementById('sidebar').style.position = 'absolute';
            document.getElementById('sidebar').style.top = 'auto';
        }
    }
}
// ]]>
</script>

Advertisement
Categories: Javascript
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.