![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.10.2017 Ostrzeżenie: (0%) ![]() ![]() |
Witam, mam pytanie odnośnie scroll-ów.
Jak zrobić, aby scroll-e X umieszczone w div-ie były zawsze na widoku, nawet gdy dany div jest większy niż wysokość ekranu. Kod:
OBRAZEK SCROLLOW Chodzi o to że scrolle zawsze znajdują się na samym dole diva, a ja chce, aby były na dole ekranu i aby zawsze mogło się je przesunąć. Wiem, że moge dać wyskokość div-ów na 100%, ale zależy mi na tym, aby był jeden scorll pionowy co scrolluje oba divy na raz. Nie wiem, czy za pomocą javascript można jakoś ustawić pozycje scrolla w osi y tak aby był zawsze na wierzchu. Z góry dzieki. Ten post edytował edzio20 16.10.2017, 16:47:00 |
|
|
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Dla #left i #right ustaw overflow-x:hidden, a na dole strony umieść dwa <div> o szerokościach odpowiadających tymże dwóm divom. Ustaw ich pozycje na position:fixed, overflow-x:scroll, a wysokość na 0. W środek każdego z nich dodaj <div> o szerokości wewnętrznej (scrollowalnej) rodzica, tak żeby rozepchnęły nadrzędne elementy.
Następnie dodaj do obydwu "sterujących" divów zdarzenie na "scroll" i w zależności od położenia przesuwaj oryginalne divy (scrollLeft). Czyli należy usunąć scrolle z głównych divów, zrobić ich kopie o zerowej wysokości ze scrollbarami i wysokością 0, a do nich dodać obsługę zdarzenia "scroll". -------------------- |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.10.2017 Ostrzeżenie: (0%) ![]() ![]() |
Dzięki za odpowiedz, zrobiłem tak jak napisałeś i udało mi się osiągnąć zamierzony efekt:D.
Mam jeszcze jedno pytanie a mianowicie, jak w najlepszy sposób zrobić takie coś, że jak przetrzymam przycisk myszy, na powiedzmy prawej krawędzi diva, to ten div będzie się zwiększał lub zmniejszał w zależności w którą stronę idzie myszka. Efekt podobny do ramek, gdzie można je zwiększać i zmniejszać po najechaniu na pasek pomiędzy ramkami. (jak w ogóle wykryć że myszka jest na krawędzi diva?) Chce to zastosować do powyższego kodu, tak abym mógł dopasować szerokość diva left/right. |
|
|
![]()
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Wykryj zdarzenie na dokumencie, nie na <div>. Mousedown (touchstart) + mousemove (touchmove).
-------------------- |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 24.07.2025 - 11:49 |