Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] jQuery - wysuwanie diva (rozwiązane), podczas wysuwania diva "drga" inny div... szukam rozwiązania p
csharp
post 3.08.2012, 10:11:16
Post #1





Grupa: Zarejestrowani
Postów: 127
Pomógł: 3
Dołączył: 22.04.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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.

Ten post edytował csharp 3.08.2012, 10:56:08


--------------------
Prywatny blog -> cupial.com.pl
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
nospor
post 3.08.2012, 10:15:50
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




A czy to przypadkiem nie jest spowodowane tym:
$('html, body').animate({scrollTop: scrollPos+'px'}, 1000);
?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
csharp
post 3.08.2012, 10:20:25
Post #3





Grupa: Zarejestrowani
Postów: 127
Pomógł: 3
Dołączył: 22.04.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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

Ten post edytował csharp 3.08.2012, 10:45:15


--------------------
Prywatny blog -> cupial.com.pl
Go to the top of the page
+Quote Post
nospor
post 3.08.2012, 10:46:01
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:59