Scroll Header Pro

Scroll Header Pro
Live DemoScreenshots Changelog

1.0

  • Initial release

1.0.5

  • Minor changes and fixes

Introducing Scroll Header Pro tool for creating one-page sites

This unique section allows you to create and insert beautiful ScrollSpy-ready headings anywhere on the page. It extends Scroll Spy usage to page template and content area. Also, with a little help from FitText.js and Lettering.js, it can be used for creating astonishing splash text blocks.

Features

  • ScrollSpy-ready - Works automatically with Scroll Spy (you can disable this on page metapanel).
  • Named Metatabs - Title text from section options is used as clone’s metatab name.
  • Customize Look and feel - Choose heading font, HTML tag (from H1 – H6) and add custom class (default is .page-header).
  • Use FitText.js - for creating big fluid headings.
  • Use Lettering.js - for advanced control over every letter, word or line of one heading.
  • Scroll Spy shortcode - Easy to use shortcode for inserting ScrollSpy-ready headings in content.

Setup Instructions

One-page site

  1. Go to Pagelines “Drag & Drop”.
  2. Drag & Drop Scroll Spy.
  3. Drag & Drop Pagelines sections.
  4. Drag & Drop Scroll Header Pro between sections. Create as many clones as you need.
  5. Go to page metapanel.
  6. Add title, heading and subheading text to Scroll Header Pro section clones.
  7. Customize your headings with options.
  8. Voila. Scrollable one-page site is ready to go.

Splash text

  1. Go to Pagelines “Drag & Drop” menu.
  2. Drag & Drop Scroll Header Pro.
  3. Go to page metapanel.
  4. Customize your heading with options.
  5. Apply custom style to your section (use example mixins from demo page or add your own custom style).

***** Detailed explanation can be found on demo page. *****

Support

Please leave all your support questions and feature suggestions on forum. Reviews add through “Click To Add a Review” link below.

Support PageLines Development A majority of funds from Store purchases go to the developer of the extension.
Note PageLines Framework version 2 or better is required to use this extension.

Click To Add A Review ↓

Submit your review
12345
* Required Field
Support for store products is hosted on the PageLines Forums. The comments below are for Pre-Sales questions only.
Product Support
5 comments
  Livefyre
Newest | Oldest
bestrag
bestrag

Hello all,

 

 @Clifford P Scroll Header Pro is desined to help using Scroll Spy with Sections, not only in the content. It works with various heights. Check out the demo page, each block that you scroll to is different PL Section. 

 @andreatoffanello Since there are so many ways to implement parallax, this version does not deal with it. You can, however still use it. I will post some howtos very soon from now.

 @justmakeadifference Thanks for your support. I am really glad you like it

andreatoffanello
andreatoffanello like.author.displayName 1 Like

Any suggest to add a parallax background to this section?

justmakeadifference
justmakeadifference

Nice add-on, my other framework provides this functionality for free and Pagelines in true form and even though I paid twice as much for the framework than what it costs now and am a "Page Lines Plus" member it still costs extra. Props on the docs though, that alone makes it worth the $14.99.

Standard License

Personal, commercial, client websites
Purchase ($14.99)
Average Rating —
Created by

bestrag

Website Contact
Date Added February 28, 2013