Kannadi na haifar da: Kiyin gida na yau da kullun

Koyar da hakan ne don amfani da CSS don samar da kiyin gida na yau da kullun.

Kannadi na haifar da kiyin gida na yau da kullun

Chrome, Edge, Safari da Opera suka aminu da pseudo-element na baya da kullun. ::-webkit-scrollbar Pseudo-element wanda ke aminu don samar da kiyin gida na browsers.

Dance na yau da kullun na ke haifar da kiyin gida mai kudu na 10px, kiyin gida na ke da gida mai yawa da kudu na grey da guda mai yawa da #888:

/* Kudu */
::-webkit-scrollbar {
  width: 10px;
}
/* Gida */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Guda */
::-webkit-scrollbar-thumb {
  background: #888;
}
/* Guda na yana gudanarwa a lokacin mouse */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

Kai jita ne

Dance na yau da kullun na ke haifar da kiyin gida mai suna kiyin gida:

Shirin

/* Kudu */
::-webkit-scrollbar {
  width: 20px;
}
/* Gida */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Guda */
::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}

Kai jita ne

Kiyin gida na yau da kullun

Don browsers na webkit, za a iya amfani da pseudo-element na yau da kullun don samar da kiyin gida na browsers.