• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Niepożądana przezroczystość contact form [js/css]

VPS Starter Arubacloud
0 głosów
228 wizyt
pytanie zadane 13 września 2017 w HTML i CSS przez Radek Begej Użytkownik (580 p.)

Mamy pytanie mianowicie jaka może być przyczyna przezroczystości formularza , który wyskakuje po kliknięciu na odnośnik CONTACT dodam ze probowalem opacity szukalem patrzyłem i nie mogę się doszukać zapewne jest to coś bardzo banalnego . Formularz podłączyłem js'em pod przycisk .

 

1 odpowiedź

0 głosów
odpowiedź 13 września 2017 przez Alterwar Dyskutant (7,650 p.)
wstaw na codepen albo podaj kod
komentarz 13 września 2017 przez Radek Begej Użytkownik (580 p.)
trochę się powywalało ale główny problem jest widoczny po kliknięciu na contact

https://codepen.io/anon/pen/pWvbwO
komentarz 13 września 2017 przez Alterwar Dyskutant (7,650 p.)
klasa .social ma opacity: 0.5 tutaj leży problem
komentarz 13 września 2017 przez Radek Begej Użytkownik (580 p.)

Dzięki wielkie pewnie bez Ciebie szukałbym tego jeszcze dobre parę godzin :) 

yes

komentarz 13 września 2017 przez Alterwar Dyskutant (7,650 p.)
Nie ma problemu :)
komentarz 14 września 2017 przez Radek Begej Użytkownik (580 p.)

Nie chcę już robić nowego tematu a mam kolejne pytanie .

mam ten formularz otwierany przez skrypt . Jak mogę zablokować możliwość przewijania strony podczas gdy jest on otwarty . Pewnie coś z overflow hidden 

komentarz 14 września 2017 przez Alterwar Dyskutant (7,650 p.)

np podczas otwierania modala dodać klasę do body z overflow:hidden

btn.onclick = function() {
  modal.style.display = "block";
  document.getElementById('body').classList.add('overflow');
};

a w css

overflow:hidden;

 

komentarz 14 września 2017 przez Radek Begej Użytkownik (580 p.)
edycja 14 września 2017 przez Radek Begej

Dzięki za odpowiedź jestem zerem w js wiec zadam jeszcze jedno ostatnie pytanie i mam nadzieję ze ktoś się skusi :) 

zrobiłem tak jak poleciłeś wyżej tylko teraz żeby wrócić do punktu wyjścia po kliknięciu w "x" albo w dowolne miejsce za formularzem chciałbym wrócić do normalnego overflow wiec wykombinowałem coś takiego ale nie działa :/ 
 

      documen.getElementById('body').classList.remove('overflow');

 

/ już doszedłem do odpowiedzi a zrobiłem to tak : /

body.style.overflow ="auto";

 

komentarz 14 września 2017 przez Alterwar Dyskutant (7,650 p.)
no ale lepiej byloby usuwać klasę tak jak napisałeś to wcześniej przy kliknięciu w zamknięcie modala :) tak też działa ale "ładniej" jest poprzez dodawanie/zmienianie, usuwanie klas ;)

Podobne pytania

0 głosów
1 odpowiedź 335 wizyt
0 głosów
4 odpowiedzi 414 wizyt
pytanie zadane 17 października 2017 w JavaScript przez MTB Użytkownik (690 p.)
0 głosów
1 odpowiedź 264 wizyt

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...