Corvus: Recreating the Demo - Scroll Triggered Expanded Module

Scroll Triggered Expanded Module

This area of the front page is a Custom HTML module. You will find the settings used in our demo below.

Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.

The effect that makes the module expand as you scroll down is the result of the module class suffix used in the Advanced Options area of the module's settings.

Details

Custom Output

Enter the following in the Custom Output text editor.

<p>A feature of Corvus is the <strong>expanded</strong> module. Any module that has the <strong>expanded</strong> module class suffix applied to it, will expand based on window <strong>scroll</strong>. The feature is best applied in the <strong>showcase</strong> position, with a full width module, as demoed currently. The <strong>overlap</strong> effect below, is via CSS and can be customized through the <a href="http://gantry.orgdocumentation/joomla/tutorials/custom_stylesheet.md">custom stylesheet process</a>, depending on your content needs.</p>

Basic

Advanced