I want to remove the standard scroll, put it not wide, beautiful like on smartphones, I feel I can solve the problem js / jquery

1 answer 1

Can be done with the help of css. Example.
PS If I correctly understood the task, then set it up for yourself :)

body { min-height: 250vh; } ::-webkit-scrollbar-button { width: 5px; height: 0px } /* Цвет дорожки, по которой двигается бегунок прокрутки. */ ::-webkit-scrollbar-track { background-color: #ecedee } /* Цвет бегунка полосы, а так же его закругление. */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color: #6dc0c8; } /* Цвет бегунка при наведении на него курсора. */ ::-webkit-scrollbar-thumb:hover { background-color: #56999f; } /* Основная ширина полосы прокрутки. */ ::-webkit-resizer { width: 4px; height: 0px } ::-webkit-scrollbar { width: 4px; }

OR:

Read more ...

 body { min-height: 250vh; } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.js"></script> <script> $(document).ready( function() { $("html").niceScroll({ cursorcolor:"#6dc0c8", background:"#ecedee", autohidemode:"false", cursorborder:"none", cursorborderradius:"none" }); }); </script>

It supports DIVs , IFrames , textarea , and document page ( body ) scrollbars. Compatible with all desktop browser: Firefox 4+, Chrome 5+, Safari 4+ (win / mac), Opera 10+, IE 6+ . (all A-grade browsers)

  • Thanks man, I was glad at first that on the css solution, but on the mozili the usual scroll!) - Vladimir Vladimirovich
  • again, about your updated answer, the solution is not cross-browser, it does not work again on Mozilla) - Vladimir Vladimirovich
  • 57.0))) here recently updated with a new design - Vladimir Vladimirovich
  • one
    sorry, it works!) thanks - Vladimir Vladimirovich
  • For inexperienced people like me: firstly, this is the first solution that works. Secondly, I changed the 250vh parameter to 80vh, because initially a large white “basement” appeared below. With the replacement of 80 (and less) everything fell into place. - Death to a bald bastard