[jQuery] Sidebar - przycisk
Albert Kowalewski
9/16/2015 | 8:48 AM

Cześć, chciałbym z 2 przycisków zrobić 1. Aktualnie jeden jest powyżej 1024px i odpowiada wyłącznie za wysuwanie/wsuwanie sidebara, a 2 pojawia się poniżej 1024px i on również wysuwa/wsuwa sidebar, ale po jego wysunięciu dodaje się też opacity. Jak można uzyskać ten sam efekt w 1 przycisku np. tylko w .hide-button ? (zachowując wszystkie dotychczasowe animacje) Przesyłam kod do wglądu.

Załącznik: Sidebar - problem.rar
Jakub Szerszeń
9/17/2015 | 7:36 AM

To dlatego, że animacje w css nie synchronizują się idealnie. Gdy po kliknięciu buttona margin w #main przesuwa się szybciej niż wysuwa sidebar powstaje taki właśnie pasek. Zamień klasę .sidebar-visible #main na: .sidebar-visible #main{ margin-left: 210px; padding-left: 25px; } W efekcie #main będzie 15px podchodzić pod sidebar, a dodatkowy padding spowoduje że treść będzie tam gdzie trzeba.

Albert Kowalewski
9/16/2015 | 8:42 PM

Dzięki kolego, o to mi chodziło! Możesz tylko powiedzieć czemu poniżej 1024px podczas wysuwania sidebara widać przez chwilę "biały pasek" (aby lepiej widzieć o co mi chodzi można dać opacity: 0.7; w klasie .sidebar-visible #main .overlay) Problem leży w animacji ? Jak można to rozwiązać ?

Jakub Szerszeń
9/16/2015 | 7:52 PM

W załączniku przesyłam moją wersję po poprawkach. Mam nadzieję, że dobrze zrozumiałem w czym problem. W pliku readme w paczce znajdziesz notkę ode mnie i moje sugiestie na przyszłość ;) Pozdrawiam

Załączony plik: Sidebar - problem.zip
Albert Kowalewski
9/16/2015 | 6:24 PM

Nie zupełnie. Na chwilę obecną jest prawie dobrze. Chce z dwóch przycisków zrobić jeden - żeby został tylko button "hide-button" (na chwile obecną są dwa: jeden się pojawia powyżej 1024px, a drugi poniżej) i poprawić błąd - jak kliknie się na "wysunięcie" sidebara poniżej 1024px to pojawia się opacity, ale potem nie da się go wsunać inną opcją niż kliknięciem na opacity - do poprawy jest przycisk

Krzysztof Branecki
9/16/2015 | 5:53 PM

Czyli rozumiem że nie chce Pan efektu przyciemnienia przy rozdzielczości poniżej 1024px? Ma to tak samo działać jak przy większej rozdzielczości tylko ikona ma być inna?

Albert Kowalewski
9/16/2015 | 8:53 AM

i żeby przycisk poniżej 1024 px również reagował na chowanie/wysuwanie. Próbowałem sam rozwiązać ten problem, ale utknąłem na animacjach.