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

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ź

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,180 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 :)