Depending on the amount of content on a page, the vertical scrollbar may appear or disappear, which can cause the components to shift when the scrollbar appears.
I would like the browser's vertical scrollbar to remain always visible/ active, regardless of the page content.
Does anyone know how to achieve this? Any advice would be greatly appreciated.
Hi @Nhat Linh Hoang,
You can easily add this css to your screen like below. It will work :)
Hi @Nhat Linh Hoang
You can use this css to make vertical scrollbar always visible.
Put this css the container that you want it to have vertical scrollbar.
Thank you for your comments.I have tried implementing your recommendations. However, it results in having two scrollbars like this (one being the browser's default scrollbar and the other being a custom-defined one as I assume). Do you know how to resolve this? Ideally, I would like only one scrollbar to be displayed at all times. Thanks a bunch!
It works! thanks a lot anh :)
You're welcome, glad to hear it works,
Feel free to ask question if there is any, i'm happy to help :)
Hi,
you can achieve this by adding some custom CSS to your application's style sheet. Here's a simple CSS rule that you can use:
html {
overflow-y: scroll;
}
I have added .oml file and screen shot for your references please check.
Thanks,
Vipin Yadav
What you need to do fix some height for that amount and apply CSS on that before that make one wrapper class for that amount and apply css:
Below we have syntax for your example:
height:200px;
overflow-y:scroll;
Regards,
Rajat