ok im a jQuery noob and have just implemented some code into a site im building to allow for a sidebar on a majority of pages to float with the page when scrolling but when the sidebar reaches the footer it keeps pushing it further down the page instead of stopping at that point. also on coming back up the sidebar goes a little too far up instead of stopping in its original position

help with this would be much appreciated

you can see it in action at http://flexdesigns.co.uk/box/dev/dev...nal-injury.php

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
    <script type="text/javascript">
        $(function() {
            var offset = $(".right").offset();
            var topPadding = 25;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $(".right").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $(".right").stop().animate({
                        marginTop: 10
                    });
                };
            });
        });
    </script>

thanks

ok the ive solved the part that was causing it to move too far to the top of the page but now need to stop it when it gets to the end of the content area instead of continuing to push down the footer

What has jquery got to do with this??

Just use position: fixed and set the parameters to position it where you want it to be

Example:

http://www.modtalk.co.uk/_site/code/...g/fixed/right/

http://www.modtalk.co.uk/_site/code/...ight/style.css

its got a little animated effect on the sidebar when you scroll thats why im using jquery, i feel it just looks better

Unless you take the element out of the document flow that is what will happen.



By the way, I think that falls into the "animation because I can" category.

its not that bad is it

It's one of those thing that is amusing or entertaining for about thirty five seconds, and to be honest If I came across page that while looking for legal advice, it would be the last place I'd choose.

It's one of those things that just makes you think yeah, right, Ok, bye!

It's a bit like walking into a solicitor's or accountant's office and finding one of those dangling things on elastic that goes BOING!!!! when you pull and release it, hanging above the desk.

It just doesn't convey the right impression for a solicitors website.

Oh, and, there should be a 'u' in "Enquiry"

haha ok fixed position it is then. and ill be checking spelling once the design complete i never pay much attention to it whilst its in development as all the words start to look foreign when i see them a million times within a day anyway .

thanks

First of all get the height of the page on load event and save this height in some variable and then add the limit by conditional tag like "if"

For example

if (page.height == element.top position+element.height) { stop scroll } else { do scroll}

if (element.top position == put some fixed position) { stop scroll } else { do scroll}