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

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

yes

komentarz 13 września 2017 przez Alterwar Mądrala (6,700 p.)
Nie ma problemu :)
komentarz 14 września 2017 przez Radek Begej Początkujący (480 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 (6,700 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 (480 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 (6,700 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 131 wizyt
pytanie zadane 17 października 2017 w JavaScript, jQuery, AJAX przez MTB Użytkownik (690 p.)
0 głosów
1 odpowiedź 187 wizyt
pytanie zadane 25 sierpnia 2017 w HTML i CSS przez flewMaster Nowicjusz (190 p.)
0 głosów
2 odpowiedzi 137 wizyt
pytanie zadane 7 grudnia 2017 w JavaScript, jQuery, AJAX przez ajzyn Początkujący (440 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

50,844 zapytań

93,082 odpowiedzi

188,903 komentarzy

24,758 pasjonatów

Przeglądających: 326
Pasjonatów: 25 Gości: 301

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.

...