Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] jQuery - wysuwanie diva (rozwiązane)
Forum PHP.pl > Forum > Przedszkole
csharp
cześć,
mam dziwny problem,

robię kontakt wysuwany od dołu, jest tam jeszcze jeden div, który jest umieszczony pod wysuwanym.

czyli:


---------------------
button do wysuwania
---------------------
div który jest wysuwany
-----------------------
stały div ze stopką
----------------------

i teraz podczas wysuwania diva 2, stały div się dziwnie porusza, jakby drgał.. w firefoxie jest to znikome ale pod IE nieźle trzęsie:)

cały problem można zobaczyć pod adresem strony testowej:

adres został ukryty

poniżej kod jQuery odpowiedzialny za wysuwanie:

[JAVASCRIPT] pobierz, plaintext
  1. $(function() {
  2. var slide = false;
  3. var height = $('.footer').height();
  4. $('#slide_up').click(function() {
  5. var docHeight = $(document).height();
  6. var windowHeight = $(window).height();
  7. var scrollPos = docHeight - windowHeight + height;
  8. $('.footer').animate({ height: "toggle"}, 1000);
  9.  
  10. if(slide == false) {
  11. if($.browser.opera) {
  12. $('html').animate({scrollTop: scrollPos+'px'}, 1000);
  13.  
  14. } else {
  15. $('html, body').animate({scrollTop: scrollPos+'px'}, 1000);
  16.  
  17. }
  18. slide = true;
  19. $("#slide_up").removeClass('button').addClass('button_down');
  20. } else {
  21. slide = false;
  22. $("#slide_up").removeClass('button_down').addClass('button');
  23. }
  24. });
  25. });
[JAVASCRIPT] pobierz, plaintext



więcej można zobaczyć na stronie, gdzie jest zajawiony tylko slider.

spotkał się ktoś z czymś takim?
będę wdzięczny za pomoc.
nospor
A czy to przypadkiem nie jest spowodowane tym:
$('html, body').animate({scrollTop: scrollPos+'px'}, 1000);
?
csharp
hmm masz rację.. wywaliłem to testowo i w zasadzie nie trzęsie ... ale nie rozwija mi sie w taki sposób aby wszystko zostało na dole..

masz pomysł jak mozna to przerobić aby "nie trzęsło" ?

// dobra - ogarnąłem temat pozycjami fixed w css i jest ok smile.gif
nospor
To ten kod:
$('html, body').animate({scrollTop: scrollPos+'px'}, 1000);
daj na zakończenie pierwszego animate, a nie oba animate dajesz w tym samym czasie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.