| Description | Adds bottom shadow to Template:Sticky table start scrollable area to help with discoverability |
|---|---|
| Author(s) | Jroberson108 |
| Status | Working |
| First released | July 3, 2025 |
| Updated | August 4, 2025 (13 days ago) |
| Skins | Minerva Neue or other skins on WebKit browsers |
| Source |
On Apple devices, scrollable areas may not be visually apparent in browsers using the WebKit engine (such as browsers on iOS, iPadOS, and macOS) because scrollbars are hidden except during active scrolling. Android browsers behave similarly, though some briefly show scrollbars on load as an indicator.
To improve discoverability, this companion script and styles add a transparent shadow cue to the bottom of the {{Sticky table start}} scrollable areas to indicate vertically scrollable. The shadow disappears when scrolled to the bottom, ensuring it does not interfere with readability. This solution works on WebKit browsers and the default mobile skin, Minerva skin.
This functionality is implemented separately from the template because JavaScript is required, which templates cannot include.
Installation
editAdd the following to your common.js page (you must be logged in to use it):
importScript('User:Jroberson108/Template:Sticky table start/ScrollCue.js'); // Backlink: [[User:Jroberson108/Template:Sticky table start/ScrollCue.js]]