 [CSS][JavaScript]Powiększenie diva po najechaniu myszą |
  |
| [CSS][JavaScript]Powiększenie diva po najechaniu myszą |
 26.10.2017, 23:25:16
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.10.2017 Ostrzeżenie: (0%) 
 |
Mam na stronie 3 równomiernie rozłożone elementy. Założenie jest takie, że po najechaniu na ikonę div się powiększa ukazując całą grafikę. Niby działa, ale... no właśnie. Zostaje "ale". Po powiększeniu rozjeżdżają się pozostałe elementy. Próbowałem kombinować z margin-bottom i position, ale nie pomogło. Jakaś podpowiedź?
Kod |
 |
 
|
|
27.10.2017, 07:41:33
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 799 Pomógł: 1827 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Kontener przechowujący ikonę ustaw na stałą wysokość dla wszystkich elementów. Taką która zmieści powiększoną ikonę.
P.S. Dlaczego nie używasz do tego czystego CSS? -------------------- |
|
|
|
|
27.10.2017, 12:10:32
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.10.2017 Ostrzeżenie: (0%)
|
Dzięki, działa idealnie
 Ikony są odnośnikami do najważniejszych miejsc na stronie, js ma względy jedynie estetyczne - przy wyłączonej obsłudze divy powiększają się w CSS |
|
|
|
|
27.10.2017, 12:11:50
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 6 799 Pomógł: 1827 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Czyli przy włączonym JS powiększasz jednocześnie właśnie w JS i CSS?
-------------------- |
|
|
|
|
28.10.2017, 01:26:59
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.10.2017 Ostrzeżenie: (0%)
|
We właściwym kodzie element .icon ma dwie klasy. Druga obsługuje jedynie zdarzenie hover, ale jest usuwana w pierwszych linijkach skryptu js - czyli przy włączonym js jest płynna animacja (jak w okrojonym kodzie z pierwszego posta), a jeżeli js jest wyłączony, to po najechaniu na ikonę div jest powiększany przez CSS.
Ten post edytował Gacek39 28.10.2017, 01:32:25 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 2.05.2025 - 05:09 |
