Vertical Scrolling Feinjustierungs-Problem

Johanni

Mitglied
Hallo zusammen,
ich möchte auf einer Website einen schönen vertikalen Scrolleffekt haben und habe mir dazu folgendes tolles Tutorial zur Hilfe genommen.
http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/

Ich habe es alles auch soweit hinbekommen, jedoch handelt es sich bei mir nicht um ganze Seiten die ich scrollen will, sondern nur eine Textbox wenn man so will in der Mitte meiner Seite.
Wie schaffe ich es, dass wenn ich scrolle, der Anchor nicht an den Anfang (scrollTop) geschoben wird sondern nur bis zu einem bestimmten Wert (auf 250px z.B.)?
Würde mich sehr freuen, wenn mir jemand helfen könnte.

Viel Dank im voraus

Code:
<!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>		
        <script type="text/javascript" src="jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                $('ul.nav a').bind('click',function(event){
                    var $anchor = $(this);
                    
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500,'easeInOutExpo');
                    /*
                    if you don't want to use the easing effects:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                    event.preventDefault();
                });
            });
        </script>
 
Zurück