MobileRead Forums - View Single Post

peoro · 08-14-2021, 09:37 AM

I like to use the Calibre Viewer in Flow Mode with a scrollbar that shows how far into the current page I am.

The browser's scrollbar would be perfect for this and has the further advantage that one could freely style it.

I got close to enable it through the custom style:

Code:

html {
    padding-right: 12px;
    overflow: auto !important;
    overflow-x: hidden !important;
}

However it won't show because the Viewer sets its "display" property to "none":

Code:

html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none !important;
}

It seems like there's not a clear way to undo this.

Would it be possible to allow displaying the scrollbar?

I'm thinking that the simplest way to do this, which could help with any other similar issue in the future, would be allowing the user to define some custom JavaScript code in the book's iframe, just like we can now define some custom styles.

08-14-2021, 09:37 AM	#1
peoro Junior Member Posts: 2 Karma: 10 Join Date: Aug 2021 Device: none	Allow displaying the page's scrollbar I like to use the Calibre Viewer in Flow Mode with a scrollbar that shows how far into the current page I am. The browser's scrollbar would be perfect for this and has the further advantage that one could freely style it. I got close to enable it through the custom style: Code: html { padding-right: 12px; overflow: auto !important; overflow-x: hidden !important; } However it won't show because the Viewer sets its "display" property to "none": Code: html::-webkit-scrollbar, body::-webkit-scrollbar { display: none !important; } It seems like there's not a clear way to undo this. Would it be possible to allow displaying the scrollbar? I'm thinking that the simplest way to do this, which could help with any other similar issue in the future, would be allowing the user to define some custom JavaScript code in the book's iframe, just like we can now define some custom styles.