Overflowing pages will display four translucent scroll buttons at the lower right of the display screen. The buttons scroll to the top, up, down or bottom of the page.
Chart pages with vertical overflow and no horizontal over also displays four scroll buttons.
If the chart overflows in both directions six buttons appear with the additional two buttons scrolling left and right.
If the chart overflows horizontally but not vertically, two buttons appear scrolling left and right.
IMPORTANT! The grab and drag feature was introduced in TNG v13. When the chart is dragged it moves the chart within the div without changing the base coordinates. Since Scroll mod scrolls the div x-y coordinates, it will still scroll the the chart within the div if it has been dragged. However, it cannot scroll the chart back to the original position. Use the 1:1 magnifier glass to return the chart to the original coordinates within the div.
CONTROL BEHAVIOR OPTIONS
The first option is the vertical scroll distance. This controls how far the up and down the page content moves. The number represents the percentage of the display height. The range limits are from 10 to 100. A setting of 10 does not scroll the screen very far while 100 scrolls the height of the display. Changing this value is useful when using a template that has a sticky header or you do not want the last line viewed to scroll off the screen.
The second option is the horizontal scroll distance. This controls how far the left and right the page content moves. The number represents the percentage of the display width. The range limits are from 10 to 100. A setting of 10 does not scroll the screen very far while 100 scrolls the width of the display. Changing this value is useful when using a template where content is not as wide as the page.
The third option hides the scroll buttons on the home page even if the page has overflowing content.
The mod automatically hides scroll buttons on pages listed in scrollconfig.php file located in the TNG root folder. The $scroll_none array contains a few files, most of which are commented out. You can uncomment any file or add files to the array if you want to hide buttons on particular pages.
If you use a template that uses the TNG scroll to top function, it will continue to appear on overflowing pages that do not display scroll mod buttons. However if scroll mod buttons appear, the TNG scroll to top button will be hidden. They are not shown at the same time. NOTE: Scroll to Top and Scroll Mod buttons may appear together if you created your own scroll to top function. This may also occur with some TNG/Wordpress integrations.
Scroll buttons can be customized by adding a few classes to the root mytngstyle.css or template mystngstyle.css file. You can change the color, size shape and position. Examples of the classes and their functions are included in the scrollpage-info.css file located in the scrollmod folder.
Search results can display more scrolling content by going to the admin control panel, select General, Miscellaneous, Max Search Results and set it to a higher value. This results in longer, but fewer page results.
For TNG v14.0.3
TNG WIKI download link
Added horizontal scrolling.
Scroll Mod script loads once per page.
Scrolls pages created with historytemplate.php