• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Biały kawałek w prawym dolnym rogu przy edycji scrollbar'a strony

VPS Starter Arubacloud
0 głosów
380 wizyt
pytanie zadane 22 stycznia 2017 w HTML i CSS przez Giovacho Użytkownik (960 p.)

Witam,

Mam zamiar na swojej stronie zedytować scrollbar całej strony (nie chodzi mi o diva).

Napotkałem problem, z którym męczyłem się 2 godziny i nadal go nie rozwiązałem.

Mianowicie gdy zmniejszam okno przeglądarki to pomiędzy scrollbarami (z prawej strony dolnego scrollbara i na dole prawego scrollbara) powstaje biała przestrzeń, której za nic nie mogę usunąć.

Prosiłbym o jakieś sugestie i pomoc.

Z góry dziękuję,

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
    <div id="a"></div>
</body>
</html>
                 #a{
		       width: 5000px;
		       height: 5000px;
	        }
	        body{
		       background-color: #2A2A2A;
	        }
		::-webkit-scrollbar{
			background-color: #151528;
			width: 12px;
			height: 12px;
		}
		
		::-webkit-scrollbar-button{
			width: 0px;
			height: 0px;
		}
		
		::-webkit-scrollbar-corner {
		  background: transparent;
		}
		 
	
		::-webkit-scrollbar-track{
			background-color: #151528;
			border-radius: 0px;
		}
		 
		::-webkit-scrollbar-thumb {
			border-radius: 0px;
			background-color: #383851;
		}
		
		::-webkit-scrollbar-thumb:hover {
		  background: #434368;
		}
		::-webkit-scrollbar-thumb:active {
		  background:#505072;
		}

 

komentarz 22 stycznia 2017 przez niezalogowany
A czy przypadkiem nie każdy scrollbar ma pustą przestrzeń w tamtym miejscu?
komentarz 22 stycznia 2017 przez Giovacho Użytkownik (960 p.)

Znalazłem na przykład coś takiego. Osoba zastosowała ::-webkit-scrollbar-corner tylko, że gdy ja tego używam nie daje to żadnego rezultatu, po prostu nie działa.

1 odpowiedź

0 głosów
odpowiedź 22 stycznia 2017 przez hoktaur Pasjonat (22,250 p.)
Nie wiem czy dobrze rozumuje ale jeżeli chcesz się pozbyć kwadracika pomiędzy standardowymi scrolbarami to musisz sobie takie scrollbara sam zrobić jak np tu:

http://hajda.com.pl/#menu

nie twierdze że jest dobry czy zły - chodzi o idee
komentarz 23 stycznia 2017 przez pablop76 VIP (123,060 p.)

Witam. To rozwiązanie działa tylko na chrome opera i safari. Z tego wnioskuje, że chcesz zmienić wygląd suwaka, bo pusta przestrzeń oznacza ile strony zostało do przewinięcia, więc jeżeli nie będzie się przelewać nie będzie scrolla. Poszukaj sobie pluginów jquery mających w nazwie scroll.

np: taki oto :)

komentarz 23 stycznia 2017 przez hoktaur Pasjonat (22,250 p.)
hmm ja to otwieram na firefoxie więc też działa ;)

Podobne pytania

0 głosów
1 odpowiedź 117 wizyt
0 głosów
1 odpowiedź 296 wizyt
pytanie zadane 5 czerwca 2018 w HTML i CSS przez Kiszony Użytkownik (630 p.)
0 głosów
1 odpowiedź 167 wizyt
pytanie zadane 23 grudnia 2020 w HTML i CSS przez Maxxxii Obywatel (1,260 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...