Skip to content
No description or website provided.
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
example
LICENSE
README.md
fixedElemScroll.jquery.js

README.md

What does it do?

If an image needs to stick to the bottom of the page, you would just use position=fixed, right? But what if it needed to stick to the bottom of the page but had to stay inside its parent. In other words, if the user scrolls past its parent, the image element needs to stick to the bottom of the parent (i.e. position: absolute, bottom: 0), and if the user scrolls to the top of the page, the image element needs to stay on top of its parent (i.e. position: static)

Add the js files to your HTML's head:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script src="/fixedElemScroll.jquery.js" type="text/javascript"></script>

The basic syntax to add a module is the following:

$("img.need_to_scroll_inside_its_container").fixedElemScroll()

Options with default:

// if you want to specify the parent
$parent:  $this.parent()
// if the parent's element position is static, bottom position will be the difference between the bottom of the parent element
// and the bottom of the closest parent element with a position not equal to "static"
bottom: 0

Tested on IE7+, FF 3.6+, Chrome, Safari

Something went wrong with that request. Please try again.