jQuery Sticky scrolling Sidebar

Home Slideshow & ScrollerjQuery Sticky scrolling Sidebar

jQuery Sticky scrolling Sidebar

13 years ago Views

25496

3023

designwoop

this is a jQuery sticky sidebar script.

Well, you can, but then the element with that style will stay where it is relative to the top of the viewport.

This means, if the element you are “fixing” in place is in the center of the page, it will stay in the center of the page as you scroll down. With this script, it will stay wherever you want it to be.

Setting the HTML

Now, we’re going to start off with some simple HTML for the sticky sidebar. In this case, we’ll be “sticking” a div with an id of “sticky”.

    <div id="sticky">
        <div id="carbonads-container">
			<div class="carbonad">
				<div id="azcarbon"></div>
					<img src="jsticky/pic.jpg"/>
				</div>
			</div>

		</div>