• 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]

Ultraszybki serwer VPS NVMe START
0 głosów
47 wizyt
pytanie zadane 13 września w HTML i CSS przez Radek Begej Początkujący (350 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 przez Alterwar Mądrala (5,740 p.)
wstaw na codepen albo podaj kod
komentarz 13 września przez Radek Begej Początkujący (350 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 przez Alterwar Mądrala (5,740 p.)
klasa .social ma opacity: 0.5 tutaj leży problem
komentarz 13 września przez Radek Begej Początkujący (350 p.)

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

yes

komentarz 13 września przez Alterwar Mądrala (5,740 p.)
Nie ma problemu :)
komentarz 14 września przez Radek Begej Początkujący (350 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 przez Alterwar Mądrala (5,740 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 przez Radek Begej Początkujący (350 p.)
edycja 14 września 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 przez Alterwar Mądrala (5,740 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
4 odpowiedzi 130 wizyt
pytanie zadane 17 października w JavaScript, jQuery, AJAX przez MTB Użytkownik (570 p.)
0 głosów
1 odpowiedź 162 wizyt
pytanie zadane 25 sierpnia w HTML i CSS przez flewMaster Nowicjusz (190 p.)
0 głosów
2 odpowiedzi 58 wizyt
pytanie zadane 14 lipca w HTML i CSS przez wariacik Początkujący (300 p.)

41,528 zapytań

80,568 odpowiedzi

159,454 komentarzy

19,820 pasjonatów

Przeglądających: 328
Pasjonatów: 26 Gości: 302

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...