Why do I say flexible? Because ScrollShow has a number of options to display/position the stack – we'll get to that shortly; you get to decide exactly when it is displayed and you can drop almost anything into it that you want.
Example: You want to display a CTA when your visitor has scrolled 500px down the page. With a teaser and a button to link to a special offer. Or you want to display a menu bar at the bottom of the page (DeFliGra's MenuList is ideal for this) when your TopBar has been scrolled out of view – and have the menu disappear again, when the page is scrolled back up.
The CTA above is set to display once the page is scrolled down 400px, but to disappear again when the page has been scrolled down a further 400px. It can be clicked away and won't appear again until the page is refreshed. No page content is permanently hidden from view.
Action. The options are Show, or Hide.
Show/Hide… The options are When Scrolling Down At Least… When Scrolling Down Between… and Always.
Scroll Position displays the pixel values for the above options.
When Scrolling Up gives the options Do Nothing, Hide When Shown and Show When Hidden.
Transition Speed. Can be set between 0 and 1000 milliseconds.
Position. Allows nine different positions on the page – combinations of top, bottom, left, right, or centre.
Distance From. Pixel distance from the edge of the page.
Width. Popup width in percent. It is also possible to set both a Minimum and a Maximum width in px.
Custom Font Size. Font Family has three options – Theme Default, Web Safe Font, or Custom.
Custom Text Colour. Custom Link Colour. Custom Link Underlining. Custom Heading Size. Custom Heading Colour.
There are further options to activate a Close Button, three options for the Close Icon, Icon Size and Icon Colours for Static, Hover and Active.
The Icon Position can be set to the Left, or The Right of the open Popup.
You can look forward to seeing ScrollShow on this page in the near future!
EU law stipulates that a warning must be presented, when cookies are present on a site. These notices are now generally ignored and are rarely clicked away, or accepted unless they hide page content. So what about a cookie message that loads with the page and disappears after n seconds?
What about a Call To Action that is displayed after n seconds and has to be clicked away, or an info box that is opened when an image. or a button is clicked, or when the page scrolls – and has options to open a new link? What about a thumbnail image that opens up a full page image when clicked?
Notice consists of two stacks. Notice and Notice Trigger. Notice trigger allows you to drop in a stack that will trigger notice. Its only setting is Connected ID. set the ID of your Notice stack (you might want more than one, right?).
Show Type. The first thing that Notice wants to know, is how it should be triggered. The options are Open On Start, Timer, On Scroll and On Notice Trigger only.
I searched in vain for a setting to determine the scroll distance before Notice opens on scroll. I'm sure this option would be much appreciated. As it stands, Notice opens up immediately, as soon as the page is scrolled any distance.
Show Animation. You have a choice of 42 animations to blend in your Notice Stack.
Hide Type has two options: Hide Manually, or Timer. Hide Animations has the same options as Show Animation.
Content Type is set to Text/Icon by default. It can be set to Stacks. Fill Mode may be set to Fill, Pixel Width, or Percentage Width.
The Z-Index is set to 999999 by default.
Position Vert: may be set to Top, Centre, or Bottom, while Top Margin determines the offset in px. Position Horiz:has the optionsLeft, Right and Centre. Margin, Padding and Radius can all be set individually and the Content width may be defined in px.
Notice's Background, like all recent 1LD stacks, can be set to None, Colour, Gradient, or Image. The settings for Notification Text and Notification Icon also mirror the settings of 1LD's recent stacks.
A Close Button is optional in Notice. When activated it is always in the top right hand corner. Show Action Buttons is also optional. When activated, two buttons are positioned at the foot of your Notice. The left button is a Close button, while the right button may be assigned a link. The Height of the button may be set in px and the colour of the Button Text and Button BG are definable. Each of the buttons has individual hover settings for Button Text and Button BG.
Trigger ID lets you set an individual ID for each Notice stack you have positioned on your page. You will then find a setting Maximum height for the Notice window in Percent. Any content that can not be displayed at this height can then be scrolled.
The two final settings are Activate Cookies and Absolute Position.
Notice is a versatile stack that shouldn't be missing from any self respecting Weaver's arsenal.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—16