Jquery toggle und scroll

[redbull2906]

Hallo Zusammen,

ich möchte für eine Kundenwebsite das Impressum wie auf am unteren Bildschrimrand realisieren.

Habt ihr vllt. eine Idee oder ein Jquery-Plugin mit dem ich das erreichen kann?

 

[sokie]

AW: Jquery toggle und scroll

dafür brauchst du eigentlich gar kein plugin, sondern eigentlich nur eine animantion, die dir den Bereich bei klick auf/zu (toggle) macht.
Effects – jQuery API animate();
wenn die Höhe passt,kannst du die Inhalte per overflow:hidden verstecken, wenn der container klein ist.

 

[redbull2906]

AW: Jquery toggle und scroll

Also mein Script sieht im moment so aus

<script>
$(document).ready(function() {
  $('#slickbox').hide();
$('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });

Slide und Toggle funktioniert nur das scrollen geht nicht. Er öffnet das Impressum aber "fährt" die Seite nicht weider runter

 

[Duddle]

AW: Jquery toggle und scroll




Duddle

 

[redbull2906]

AW: Jquery toggle und scroll

Kein Plan irgendwie krieg ich nichts zusammen damit es funktioniert

 

[fakerer]

AW: Jquery toggle und scroll

bei deinem Beispiel machn die das mit dem scrollto
<code>
$('div#footer').css({ height: '10px' });
$('div#masthead-handler a').click(function(){
if( $('div#footer').css('height') != 'auto' )
$('div#footer').css({ height: 'auto'});
else
$('div#footer').slideUp(800, function(){
$(this).css({ display: 'block', height: '10px' });
});
$('div#footer').ScrollTo(800);
return false;
});
</code>

ich würd es allerdings einfach mit nem div lösen das was von unten eingebledet wird.
denk ich ist einfach.

 

[redbull2906]

AW: Jquery toggle und scroll

Also mein aktuelles Script sieht so aus - nun toggelt und scrollt er beim öffnen allerdings nicht beim schließen des Div's. Wo liegt mein Fehler? Kann mir da jemand helfen?!?

<script>
$(document).ready(function(){
    $('a#slick-toggle').click(function(){
        $('#footer_wrapper').slideToggle(800);
        $('#footer_wrapper').css({
            'display' : 'block',
            'margin-top' : '150px'
        })
        $(document).scrollTo({top:'10000px', left:'0px'}, 1800 );
        return false;
    });
});
</script>