TNG Scroll Mod

steven
Posts: 133
Joined: Sun Oct 01, 2017 3:08 pm

TNG Scroll Mod

Post by steven »

The Scroll Mod was created due to changes in TNG that prevented Scroll-xy from scrolling horizontally and installing in TNG v14. The first release scrolled pages vertically if they have overflowing content, the newest version also scrolls horizontally except for templates 2, 4, 5, 6, and 7. These templates present pages as tables. A template mod was created so pages can be scrolled both directions on these templates.

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.

Image

Chart pages with vertical overflow and no horizontal over also displays four scroll buttons.

Image

If the chart overflows in both directions six buttons appear with the additional two buttons scrolling left and right.

Image

If the chart overflows horizontally but not vertically, two buttons appear scrolling left and right.

Image

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. Image

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.

scroll_mod_v14.0.3.2.zip

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

For TNG v12.3 to v14.0.3
scroll_mod_v12.3.0.3.zip

First public version
You do not have the required permissions to view the files attached to this post.