Allow displaying the page's scrollbar

[peoro]

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:

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":

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.

[kovidgoyal]

I'm afraid there is no way you can override that. If you want to see your progress in the current file you can do that in viewer rpeferences->headers and footers->add "position in chapter" to either the headers or footers.

[peoro]

Well, I can show the scrollbar by opening the inspector and modifying the DOM, which is what I'm doing.

I wish it was possible to do this automatically, for instance by adding a custom script to every page, like we can do with styles. It's not possible with the current version, but I'm wondering if a similar feature could be added in a future version.

I can try to implement this feature and send a pull request, if you would want to include it.

[kovidgoyal]

I'm afraid adding custom scripts is a bridge too far for me. it would imply me having to freeze the semantics of the viewers internal JS so as not to break user scripts.