Scroll Mod
![]() |
Downloads of Scroll Mod are restricted to logged in users. If you do not have a user account on the TNG Wiki use the Request Account link to request a user account | ![]() |
![]() |
If you have trouble downloading with Google Chrome, Vivaldi, Brave or other Chromium based browser, try using a right-click and select Open in new Window, then F5, or use another browser such as Firefox | ![]() |
Scroll Mod | ||||
---|---|---|---|---|
Summary | Scrolls pages vertically and horizontally. | |||
Validation | Latest mod is XHTML compliant.![]() | |||
Mod Updated | 05 Feb 2025 | |||
Download link | For
Scroll Mod v13.0.3.11 | |||
Download stats | Downloads Stats | |||
Author(s) | Steven Davis | |||
Homepage | Scroll Mod (This page) | |||
Mod Support | TNG Community Forums | |||
Contact Developer | Steven Davis | |||
Latest Mod | 15.0.0.1 | |||
Min TNG V | 13.0 | |||
Max TNG V | 15.0.0 | |||
Files modified | genlib.php css/genstyle.css | |||
Related Mods | ||||
Notes | Updated for V15- Mod was written for v14 but the latest update is compatible with v13 so the mod was renumbered. |
Introduction
This mod was developed to scroll overflowing content.
Thanks to John Mark Motyer and Rob Severijns for testing
Developer
Developed by Steven Davis.
Advantages
Places between two and eight scroll buttons at the lower right side of the display.
The number of buttons displayed is dependent on the amount and direction of overflow, no overflow no buttons.
Scroll to the top, up, left, left edge, right, right edge, down or bottom of a page or chart.
Scrolls Ahnentafel, Register and historytemplate.php pages as well as charts that overflow.
Use mod options to adjust the scroll distance horizontally and vertically.
Scroll mod buttons appear on any overflowing pages showing the TNG footer.
Dcroll container position is set in mod options instead of using CSS.
Hides the scroll to top button when scroll buttons are displayed.
Buttons do not appear on mobile devices.
Includes a scroll-config.php file to hide or show buttons on files listed in the arrays.
Includes examples in scrollpage-info.css file to customize button appearance using mytngstyle.css.
Requirements
- A working TNG installation.
- A backup of all affected files (see the list in the summary to the right)
- An installed current version of the Mod Manager.
- Refresh the page to reload the CSS files after installation.
- Templates 2, 4, 5, 6, or 7, cannot be scrolled horizontally unless the Templates 24567 Mod is installed.
(Template 4 has been modified in TNG v14.0.4 and does not require the template mod)
Revision History
Mod Version | TNG Version | Date | Contents |
---|---|---|---|
15.0.0.1 | 15.0.0 | 05 Feb 2025 | Updated for v15 |
13.0.3.11 | 13.0.3 14.0.6 |
05 Feb 2025 | Scroll container position is set in mod options instead of adding code to mytemplatestyle.css. The scroll container can be positioned relative to page content or display screen. |
13.0.3.10 | 13.0.3 14.0+ |
06 Jan 2025 | Scroll script loads from the footer to improve page loading. |
13.0.3.8 | 13.0.3 14.0+ |
24 Jul 2024 | Refactored php code, fixed a couple of js variables and deleted some unnecessary queries. Changed anchor due to mod conflict. |
13.0.3.6b | 13.0.3 14.0+ |
08 Jun 2024 | Option menu displayed incorrect value for 2 settings |
13.0.3.6a | 13.0.3 14.0+ |
02 Apr 2024 | Minor script changes |
13.0.3.6 | 13.0.3 14.0+ |
31 Mar 2024 | Renumbered mod to follow mod numbering guidelines |
14.0.3.6a | 14.0+ | 30 Mar 2024 | Resolved conflict with Switch Mobile or Standard mod. |
14.0.3.6 | 14.0+ | 29 Mar 2024 | Resolved duplicates and buttons not appearing on some templates. |
14.0.3.5d | 14.0+ | 22 Mar 2024 | Changed anchor point to avoid buttons loading twice in some templates. |
14.0.3.5c | 14.0+ | 17 Mar 2024 | Removed some queries and variables that were not needed.
The scrollconfig.php file is protected so changes are retained during upgrades. |
14.0.3.5a | 14.0+ | 10 Mar 2024 | Added option to only scroll charts Number of buttons displayed depends on the amount of overflow Added scrolling to left and right edges Removed white space at the top of GWT and some TNG templates Scroll distance is calculated from either page or display width depending on the template |
14.0.3.4 | 14.0+ | 26 Feb 2024 | Rewrote mod to improve compatibility. Separated core scripts from PHP code |
14.0.3.3 | 14.0+ | 09 Jan 2024 | Multiple test versions with various codes not released to public |
14.0.3.2a | 14.0+ | 09 Dec 2023 | Removed redundant css and php code |
14.0.3.2 | 14.0+ | 18 Nov 2023 | Update to add horizontal scrolling |
12.3.0.3 | 12.3+ | 11 Oct 2023 | First released version |
Conflicts and Issues
No known conflicts.
Scroll mod moves content using absolute XY div coordinates.The drag feature moves page content using CSS translate.
If content is "dragged" out of view with CSS, scroll buttons cannot move it back into view using scroll coordinates.
If this occurs, use the 1:1 magnifier icon to move the content back to the original position.
Installation
- Uninstall and delete previous version of this mod (if installed)
- Download the appropriate zip file as shown in the mod summary in the upper right corner of the page.
- Extract the file and folder from the downloaded zip file into the mods folder or FTP the extracted file and folder to your mods folder.
- Follow the normal automated installation for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the mod.
In the event of a problem
- Try using the Mod Manager Remove capability.
- Copy the backup of the affected files back to your TNG directory.
- Retry installing mod.
- If you edit the scrollconfig.php file, and make a syntax mistake in the array, TNG will not load. Delete the scrollconfig.php file, uninstall the mod and then reinstall.
- Contact us through the TNG Community Forums.
Uninstalling the mod
If you want to completely Remove (uninstall) this mod, you should
- click the Uninstall button to uninstall the mod then select delete.
- If the delete option is not enabled as shown in Mod Manager Enhancements TNG v12, manually delete the scroll mod folder from the mod folder.
- Manually delete the scrollconfig.php file from the TNG folder.
Upgrade
- Uninstall and eventually Delete the current Mod.
- The scrollconfig.php file is protected to preserve any edits. It will remain when the mod is deleted.
- Proceed as for an installation with the new Mod.
Modmanager Edit options
- Adjust Vertical Scroll Distance (Number represents percent of the page or client display height)
- Adjust Horizontal Scroll Distance (Number represents percent of the page or client display width)
- Scroll charts and Select Pages (Scroll pages depending on active files in the scrollconfig.php file)
- Hide buttons on the homepage
Visualization
The following screen captures show the changes made by the mod:
When the mod is first installed, refresh the page to reload the style sheets.
Scroll buttons appear at the lower right but can be moved using css.
HORIZONTAL AND VERTICAL OVERFLOW
EXTENDED HORIZONTAL AND VERTICAL OVERFLOW
Sites using this mod
If you download and install this mod, please add your TNG site to the table below:
URL | User | Note | Mod-Version | TNG-Version | User-language | |
---|---|---|---|---|---|---|
Family Histories | Steven Davis | Mod developer | 13.0.3.11 |
|
EN | |
Treichel-Familie.de | Andreas Treichel | Public & Private | 15.0.0.1 |
|
DE,EN,FR,ES,PL | |
MOTYER Family Genealogy | John Mark Motyer | Public site | See here | See here | EN | |
Auf den Spuren meiner Ahnen | Michael Klein | Public/Private site | 13.0.3.6b |
|
EN,DE,NL,ES,FR | |
Our Roy and Boucher Family | Ken Roy | Thanks for useful mod on non-touch screen computers | 14.0.3.5d |
|
EN, FR | |
stone/mott genealogy | Albert Stone | Private site -- and thanks for the mod! | 14.0.3.4 |
|
EN | |
Stammbaum der Familie Datschetzky | Christian Datschetzky | Public | 14.0.3.2a | 14.0.3 | DE,EN | |
The Severijns / Timmer Familytree | Rob Severijns | Public / Private | See here | See here | NL,EN | |
Roots & Relatives Remembered | Ron Krzmarzick | Public & Private, Very cool mod | See here | See here | EN,DE,CS | |
Racine d'Alsace | J-Louis Valory | Public (registration) | 14.0.3.5a | 14.0.4 | FR | |
Familjen Johnson | Leif Johnson | Public | See here | See here | SE, EN | |
Vår familjehistoria | Lars Arén | Public/Private | 15.0.0.1 | 15.0 | SE, EN, DE |