went kinda overboard<\/a> with them back when that was still a thing.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"You can customize scrollbars in WebKit browsers. Here’s the CSS you need to know about to get it done, with examples.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[1012],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":278812,"url":"https:\/\/css-tricks.com\/the-current-state-of-styling-scrollbars-in-css\/","url_meta":{"origin":9130,"position":0},"title":"The Current State of Styling Scrollbars in CSS (2022 Update)","date":"November 23, 2018","format":false,"excerpt":"Looking at Styling Scrollbars in CSS? Look no further, we've got you covered here. This covers how it's best done right now.","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/scrollbar-styling.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":375019,"url":"https:\/\/css-tricks.com\/classy-and-cool-custom-css-scrollbars-a-showcase\/","url_meta":{"origin":9130,"position":1},"title":"Classy and Cool Custom CSS Scrollbars: A Showcase","date":"November 14, 2022","format":false,"excerpt":"In this article we will be diving into the world of scrollbars. I know, it doesn\u2019t sound too glamorous, but trust me, a well-designed page goes hand-in-hand with a matching scrollbar. The old-fashioned chrome scrollbar just doesn\u2019t fit in as much. We will be looking into the nitty gritty details\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/scrollbar-styling.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":306427,"url":"https:\/\/css-tricks.com\/css-scrollbar-with-progress-meter\/","url_meta":{"origin":9130,"position":2},"title":"CSS Scrollbar With Progress Meter","date":"April 15, 2020","format":false,"excerpt":"Scrollbars are natural progress meters. How far the scrollbar is down or across is how much progress has been made scrolling through that element (often the entire page). But, they are more like progress indicators than meters, if you think of a meter as something that \"fills up\" as you\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/scrollbar-progress.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":278395,"url":"https:\/\/css-tricks.com\/whats-new-in-css\/","url_meta":{"origin":9130,"position":3},"title":"What\u2019s New In CSS?","date":"November 2, 2018","format":false,"excerpt":"Rachel hooks us up with what the CSS Working Group is talking about: Styling scrollbars. This would come with properties like scrollbar-width and scrollbar-color. The best we have right now is proprietary WebKit stuff. Aspect ratios. I imagine the CSS portion of this journey will be best handled if it\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/css-tricks-circles.png?fit=1200%2C553&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":360423,"url":"https:\/\/css-tricks.com\/sass-default-parameters\/","url_meta":{"origin":9130,"position":4},"title":"A Practical Tip For Using Sass Default Parameters","date":"January 13, 2022","format":false,"excerpt":"Sass offers functions and mixins that accept parameters. You can use Sass default parameters, that is, parameters that have a value even if you don't provide them when the function or mixin is called. Let's focus on mixins here. Here's the syntax of a mixin: @mixin foo($a, $b, $c) {\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/01\/sass-mixins.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":358956,"url":"https:\/\/css-tricks.com\/strut-your-stuff-with-a-custom-scrollbar\/","url_meta":{"origin":9130,"position":5},"title":"Strut Your Stuff With a Custom Scrollbar","date":"December 24, 2021","format":false,"excerpt":"The first time I had my breath taken away by a humble scrollbar was on this very site. When CSS-Tricks v17 rolled out with its FAT CHONKY BOI, my jaw dropped. I didn\u2019t know you could do that on a professional site. And it would look\u2026 good?! I appreciated so\u2026","rel":"","context":"In "2021 End-of-Year Thoughts"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/scrollbar-styling.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/9130"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=9130"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/9130\/revisions"}],"predecessor-version":[{"id":292824,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/9130\/revisions\/292824"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=9130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=9130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=9130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}