[jQuery] Przeskok strony po użyciu funkcji show() Opcje

[daniel1302]

Witam, po użyciu funkcji show() z jQuery, która jest uruchamiana w evencie click()- zmienia mi sie wysokość strony, ponieważ pokazuje się box o wysokości kulku tysięcy px pod elementem w który kliknęliśmy,

I teraz jest sedno problemu:

Zakładamy, że jestem na dole(przewinęłem prawe maksymalnie) i widze stopke i klikam w element, to element w który kliknąłem ucieka mi do góry, a ja znowu widze stopke, oraz końcówke tego boxa który pojawił sie. Chciałbym dalej widzieć element w który kliknąłem. Czyli chciałbym żeby przeniosło mnie do tej pozycji gdzie jest teraz element z eventem click.

Jak to najprościej osiągnąć?

[strife]

Możesz po kliknięciu przescrollować okno do żądanej pozycji.

Np.

[JAVASCRIPT] pobierz, plaintext 
jQuery('html,body').animate({scrollTop:jQuery('.twoj-selector').offset().top - 20}, 500);
[JAVASCRIPT] pobierz, plaintext 

[rad11]

[PHP] pobierz, plaintext 
<a href="#element">click</a>
[PHP] pobierz, plaintext 

lub

[PHP] pobierz, plaintext 
function goToId(element){
    $('a').on('click', function(){
 
        $(this).attr('href', '#'+element);
 
    });
}
goToId('a');
[PHP] pobierz, plaintext 

Ten post edytował rad11 20.01.2015, 12:05:48

[tzm]

pod klikiem rob tak:

[JAVASCRIPT] pobierz, plaintext 
$('body').css({
				'position':'relative',
				'overflow':'hidden',
				'margin':'0px auto'
			});
[JAVASCRIPT] pobierz, plaintext 

po kliku czy tam zamknieciu tego co pokazujesz:

[JAVASCRIPT] pobierz, plaintext 
$('body').removeAttr('style');
[JAVASCRIPT] pobierz, plaintext 

[daniel1302]

Poradziłem sobie w elegancki sposób, ale dziękuje za pomoc. Po kliknięciu delikatnie (w czasie 800 ms) przesuwam element na środek. Efekt wygląda bardzo ładnie, więc zostawię. Dziękuje za odpowiedzi.