• 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
47 wizyt
pytanie zadane 13 września 2017 w HTML i CSS przez Radek Begej Początkujący (420 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 Mądrala (5,920 p.)
wstaw na codepen albo podaj kod
komentarz 13 września 2017 przez Radek Begej Początkujący (420 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 Mądrala (5,920 p.)
klasa .social ma opacity: 0.5 tutaj leży problem
komentarz 13 września 2017 przez Radek Begej Początkujący (420 p.)

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

yes

komentarz 13 września 2017 przez Alterwar Mądrala (5,920 p.)
Nie ma problemu :)
komentarz 14 września 2017 przez Radek Begej Początkujący (420 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 Mądrala (5,920 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 Początkujący (420 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 Mądrala (5,920 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 2017 w JavaScript, jQuery, AJAX przez MTB Użytkownik (570 p.)
0 głosów
1 odpowiedź 176 wizyt
pytanie zadane 25 sierpnia 2017 w HTML i CSS przez flewMaster Nowicjusz (190 p.)
0 głosów
2 odpowiedzi 136 wizyt
pytanie zadane 7 grudnia 2017 w JavaScript, jQuery, AJAX przez ajzyn Początkujący (340 p.)
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.
Ciekawy innych porad? Odwiedź tę stronę!

45,562 zapytań

85,891 odpowiedzi

171,410 komentarzy

22,067 pasjonatów

Przeglądających: 160
Pasjonatów: 0 Gości: 160

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.

...