Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][JQuery][...] Overflow: hidden + wystający element poza hidden
KotWButach
post 22.07.2014, 09:43:43
Post #1





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Witam mam do was ogromną prośbę o pomoc. Wiem że ostatnio dużo pytam na forum mało pomagam sad.gif ale taki czas trafiłem sad.gif.

Mój problem jest nastepujący mam

  1. <div style="overflow: hidden">
  2. <ul class="menu"> // po kliknięciu wyświetlam się
  3. <li>Menu 1</li>
  4. ...
  5. ...
  6. ...
  7. ...
  8. ...
  9.  


Czy jest jakaś metoda by wyświetlić to menu po kliknięciu ale nie zmieniając overfolw hidden?
Go to the top of the page
+Quote Post
trueblue
post 22.07.2014, 10:00:33
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A czemu masz overflow:hidden na divie? Są tam inne elementy oprócz ul?


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 22.07.2014, 10:04:40
Post #3





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


To jest dokładnie tabela która posiada modyfikowalną szerokość kolumn. I overflow ukrywa treści gdy dana kolumna jest węższa niż tekst.

Ten post edytował KotWButach 22.07.2014, 10:05:03
Go to the top of the page
+Quote Post
trueblue
post 22.07.2014, 10:09:26
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Tu jest jakieś obejście, czy zadziała, nie wiem: http://stackoverflow.com/a/8727612
Innym rozwiązaniem byłoby wyprowadzić element poza diva i wypozycjonować go absolutnie, ale domyślam się, że u Ciebie może to być kłopotliwe.


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 22.07.2014, 10:25:19
Post #5





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Nie bardzo niestety. Może wychwycić położenie danej kolumny?
Go to the top of the page
+Quote Post
trueblue
post 22.07.2014, 10:32:15
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Tak byś musiał robić i ewentualnie dodatkowo na resize okna.


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 22.07.2014, 10:37:41
Post #7





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


ale co sie stanie jak np przesunę okno? sad.gif
Go to the top of the page
+Quote Post
fate
post 22.07.2014, 10:41:03
Post #8





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


sprobuj dać overflow:auto; height:auto dla ul i zobacz czy o to chodzilo


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 22.07.2014, 10:50:04
Post #9





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


dodaje sie scroll ale div jest dalej uwięziony wewnątrz. Jak zrobię fixed to mam względem okna głównego wiec ciężko wyliczyć pozycje dla tego menu sad.gif
Go to the top of the page
+Quote Post
fate
post 22.07.2014, 11:13:08
Post #10





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Czyli nie o to chodziło.
Ciekaw jestem więc PO CO więc ci overflow:hidden w parencie skoro de facto nie chcesz ucinać zawartości tylko pokazywac całość? daj auto dla diva albo moja rada zastanow się co chcesz osiagnac i logicznie to przebuduj od podstaw sekret.gif


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 22.07.2014, 11:19:35
Post #11





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Fade wczytywałeś się w temat? smile.gif
Problem rozwiązałem smile.gif

Problem polegał na tym że masz tabele o zmiennej szerokości a co za tym idzie jeżeli kolumna jest węższa niż tekst to tekst należy ukryć ale w nagłówku znajduje się menu z filtrami które trzeba pokazać i to był problem. smile.gif

Jak go rozwiązałem znalazłem położenie th oraz section. nastepnie th-section dla position absolut filtra który otwiera się nie kolumnie a w sekcji.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:57