As I work with a DIV section styled as follows in the CSS:
#all_messages{
position:inherit;
overflow:auto;
height:100%;
width:100%;
}
My goal is to enable scrolling within the page without adding an extra scrollbar. Instead, I prefer to utilize the native browser's scrollbar to control the scroll function for that specific section.
In the image provided, you can observe two scrollbars present. To enhance the user experience, my aim is to eliminate the inner scrollbar and rely on the browser's default scrollbar for navigation.