How to realize the scroll bar style in H5
This article mainly shows you "how to achieve the scroll bar style in H5". The content is easy to understand and clear. I hope it can help you solve your doubts. Let the editor lead you to study and learn the article "how to achieve the scroll bar style in H5".
The details are as follows:
/ * Slide background color of the scroll bar * /::-webkit-scrollbar-track {background-color: # b46868;} / * slider color * /::-webkit-scrollbar-thumb {background-color: rgba (0,0,0,0.2);} / * listening button color at both ends of the slide * /::-webkit-scrollbar-button {background-color: # 7c2929 } / * the color of the sharp corner at the intersection of the horizontal scroll bar and the vertical scroll bar * /::-webkit-scrollbar-corner {background-color: black;} / / IE own setting method, and is the first browser that can customize the scroll bar, starting with IE5.5 compatible with body {scrollbar-face-color: # b46868;} example / * Document scrollbar * /::-webkit-scrollbar {width: 8px }::-webkit-scrollbar-track {box-shadow: inset 00 6px rgba (0,0,0,0.3); border-radius: 10px;}::-webkit-scrollbar-thumb {border-radius: 10px; box-shadow: inset 00 6px rgba (0,0,0,0.5);} / * Scrollable element * / .some-element::webkit-scrollbar {}
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?
The above is all the contents of the article "how to realize the scroll bar style in H5". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
