[jquery] - jak zrobic by toggle przewijal mi strone Opcje

[misty]

Hej,

mam taki problem: na dole strony mam tekst na ktory jak nacisniemy to wysuwa sie toggle. Problem jest z tym, ze nie przesuwa sie strona,a jedynie boczny pasek. Ale jak user nie wie/nie zauwazy to bedzie myslal ze tam sie nic nie wysunelo. Czy ja moge jakos wymusic by strona mi sie przesunela? Mam nadz ze opisalam jasno o co mi chodzi. Kod wyglada mniej wiecej tak:

[PHP] pobierz, plaintext 
<p id="usageId" style="font-weight:bold; cursor:pointer;">Usage: (click to show)</p>
 
<div id="toggleId" style="background:#ccc;display:none;">
test
</div>
 
<script>
$("#toggleId").hide();
$('#usageId').click(function() {
	  $('#toggleId').slideToggle('slow', function() {
		  	    // Animation complete.
	  });
		});
[PHP] pobierz, plaintext 

pzdr,
misty

[erix]

Dorzuć do tego plugin scrollTo, odpalaj obie animacje jednocześnie i będzie git.

[misty]

a wiesz moze jak tego uzyc? Ja robie niby tak jak w przykladzie:

[PHP] pobierz, plaintext 
<p id="usageId" style="font-weight:bold; cursor:pointer;">Usage: (click to show)</p>
 
<div id="toggleId" style="background:#ccc;display:none;">
test
</div>
 
<script>
$("#toggleId").hide();
$('#usageId').click(function() {
 
		$.scrollTo("#toogleId",800, {easing:'elasout'});
 
 
	  $('#toggleId').slideToggle('slow', function() {
		  	    // Animation complete.
 
	  }); 
		});
</script>
[PHP] pobierz, plaintext 

i wtedy toggle w ogole mi nie dziala i dostaje blad: "slice is null or not an object" :|

pzdr

to w ogole nie dziala dla mojego przypadku. jak zrobie np $.scrollTo(0,800); to przenosi mnie na gore strony. ale jak zrobic by przenosil na dol??

Poradzilam sobie inaczej (bez plugin'u scrollTo). Przedstawiam rozwiazanie jakby ktos kiedys szukal:

[PHP] pobierz, plaintext 
    $('html, body').animate({
        scrollTop: '1000px'
    },
    1500);
[PHP] pobierz, plaintext 

pzdr,
misty

Ten post edytował misty 4.01.2012, 11:44:05

[erix]

Tylko to rozwiązanie ma jedną wadę - jeśli zmniejszysz okno przeglądarki i masz layout proporcjonalny, to nie będzie już 1000px offsetu. Tamta wtyczka ma możliwość pobierania współrzędnych od razu.

Jak nie chcesz wtyczki, to zainteresuj się metodą offset().