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

0 głosów
46 wizyt
pytanie zadane 13 września w HTML i CSS przez Radek Begej Nowicjusz (200 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 Gaduła (4,670 p.)
wstaw na codepen albo podaj kod
komentarz 13 września przez Radek Begej Nowicjusz (200 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 Gaduła (4,670 p.)
klasa .social ma opacity: 0.5 tutaj leży problem
komentarz 13 września przez Radek Begej Nowicjusz (200 p.)

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

yes

komentarz 13 września przez Alterwar Gaduła (4,670 p.)
Nie ma problemu :)
komentarz 14 września przez Radek Begej Nowicjusz (200 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 Gaduła (4,670 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 Nowicjusz (200 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 Gaduła (4,670 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ź 108 wizyt
pytanie zadane 25 sierpnia w HTML i CSS przez flewMaster Nowicjusz (190 p.)
0 głosów
2 odpowiedzi 55 wizyt
pytanie zadane 14 lipca w HTML i CSS przez wariacik Początkujący (300 p.)
0 głosów
2 odpowiedzi 167 wizyt
pytanie zadane 25 maja 2016 w HTML i CSS przez goran. Użytkownik (880 p.)
Obowiązuje już zaktualizowany regulamin.

Czy wiesz, że nie musisz już odświeżać strony głównej?

Lista pytań i odpowiedzi aktualizuje się automatycznie!

38,563 zapytań

76,428 odpowiedzi

149,241 komentarzy

18,032 pasjonatów

Przeglądających: 174
Pasjonatów: 4 Gości: 170

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.

...