У меня полоса прокрутки появляется при наведении, но из за этого блок начинает дергать, я понимаю что нужно что то с отступом придумать, пробую css но не чего не выходит. Можно как то с помощью JS ???
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body{
margin: 0;
overflow: hidden;
}
main{
width: 200px;
height: 2200px;
background-color: #ccc;
}
.style_8::-webkit-scrollbar-track{
border: 1px solid black;
background-color: #F5F5F5;
}
.style_8::-webkit-scrollbar{
width: 10px;
background-color: #F5F5F5;
}
.style_8::-webkit-scrollbar-thumb{
background-color: #000000;
}
</style>
</head>
<body>
<main class="style_8">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad at nemo culpa sit magni praesentium, ipsa vel iure velit fugiat similique, laborum voluptatum porro soluta, placeat aliquid mollitia, quam. Debitis iste rerum accusamus eum quos quo consequuntur tempora voluptatibus, aspernatur fugit quis ad, non porro pariatur praesentium voluptate ab. Dicta hic et labore molestias alias pariatur aspernatur itaque molestiae delectus dolorem voluptates reprehenderit suscipit excepturi perspiciatis perferendis enim porro non at modi consequatur ab facilis, harum tempore. Placeat, nam officiis consequatur odio ullam perspiciatis dignissimos molestiae veniam asperiores deserunt repellendus ipsa, ad dolor voluptatum. Cumque recusandae est quod incidunt, assumenda!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, aspernatur non, officia nihil voluptatibus, reiciendis omnis eaque debitis atque quos sed in sunt. Quos, quidem! Similique vitae quos fugit fuga nam quibusdam odit rem nostrum eum, est enim, ipsa error adipisci. Tempore commodi quis explicabo obcaecati neque aut eum distinctio ab tenetur placeat dolorem, harum numquam quo minus perferendis praesentium! Praesentium facilis sapiente esse optio earum maiores sequi, eum est ut quidem quos. Vitae minus porro magni molestiae, neque et excepturi ullam, molestias illum fugiat, illo animi eius sunt sint consectetur. Beatae perspiciatis praesentium ullam, quos, temporibus accusantium debitis itaque molestias. Dolore, laborum excepturi repudiandae enim reprehenderit totam iste optio delectus quaerat praesentium, dolorum numquam error blanditiis non minima sit nemo. Ab illum ullam, dolor eos veniam soluta dignissimos illo magnam, earum ipsam, harum praesentium quam, sunt fugit fugiat facere quia. Aperiam eius molestias, minima nemo vitae, debitis quidem! Sapiente nihil adipisci amet, alias fugit eos! Architecto labore sint nam modi necessitatibus delectus, eius reprehenderit. Quisquam repudiandae aut veniam, debitis consequatur error minima eveniet dolorem asperiores doloremque unde quos harum quaerat ea assumenda quasi accusantium ipsa cumque consectetur deserunt recusandae facilis inventore omnis perferendis earum. Officia officiis facilis tempora quia asperiores molestiae eius non doloremque enim, accusantium ipsa nemo deleniti distinctio quas totam, temporibus mollitia nisi. Dolorem cum velit obcaecati, animi consequuntur quo dolore rerum laboriosam facere aliquam provident id voluptates minus tempore consequatur similique quod, ducimus? Iste minima vel tenetur officiis quidem repudiandae laborum dolorum commodi. Quis molestias quae voluptatum quia unde atque nemo libero labore laborum illo cum, qui provident mollitia. Non quos suscipit nemo vitae quidem quasi explicabo officia, aperiam. Repellat tenetur quaerat voluptatem blanditiis molestiae nesciunt quia soluta mollitia ullam incidunt. Velit deserunt, molestiae amet quibusdam minus ab fugit dolorum porro nesciunt magni ullam reiciendis, illum at, quasi delectus voluptatibus, odio perferendis sed! Odit saepe eum, vero corporis quisquam voluptatem praesentium. Vero, saepe, odio! Iste illum eveniet aliquam deserunt laudantium neque in, eaque excepturi nostrum, ea consequuntur incidunt alias voluptates maxime veniam ad ipsa ipsum blanditiis. Illum libero perferendis quis voluptatem molestiae voluptate dolor doloribus sequi earum officiis! Deserunt temporibus velit dicta, fugiat voluptatum voluptas accusantium. Eos deserunt placeat earum, ex vero beatae quos nesciunt ad maiores quidem quis, cumque repudiandae id repellat exercitationem eligendi aspernatur nulla soluta non facilis corrupti accusamus rem a. Tenetur eum fuga velit. Quam dolorum, ut non nulla autem commodi mollitia expedita aperiam repellendus ea, sed cum at, odio corporis hic amet laborum eos nisi, tempore est voluptatibus natus beatae cupiditate rem? Ipsam facilis, obcaecati laborum pariatur consectetur aperiam iure debitis deserunt dicta similique mollitia consequuntur omnis, aut reiciendis velit! Sint et pariatur expedita ullam qui ipsam blanditiis, eum amet itaque adipisci porro, autem perspiciatis dolorem culpa quia sapiente sunt consequuntur corporis dicta. Inventore tenetur impedit perspiciatis, accusantium dignissimos veritatis fugiat deleniti maxime voluptas ab fugit ratione excepturi, possimus nesciunt amet, quia iusto sit, molestias dolorem neque. Eius magni nesciunt, nihil cupiditate molestias qui temporibus quod ad dolorem non voluptatem, et!
</main>
<script>
</script>
</body>
</html>
