EverWeb Widgets

The widgets in this category create items which have scroll functions like scroll over, scroll fade in/out and overflow scroll. Items like this add visual appeal and functionality to make a web page stand out from the pack.
NOTE: These widgets require EverWeb V2.8 and above. They should be organised in a folder separate from those used to create fixed width pages.
Click any widget icon to see the demo …

View CartAdd To Cart

Hide Show Navigation On Scroll

The navigation is inline when viewed on computers and switches to an animated drop down opened by clicking a "hamburger" icon on mobile devices.
On scroll down, the navigation disappears until the visitor tries to scroll up. Then it will animate in at the top and stay in view until the scroll direction is reversed again.

Scroll Over Header Image

The header inserts a background image which can scroll with the page content or be fixed so that the content scrolls over it. It has an overlay which animates in and has options for a logo, a heading, a caption and a link.
The image is loaded in three sizes for the various device types - computer, tablet and mobile phone and the animation time and delay can be set for the individual items.

Scroll Over Banner Image

This is a banner version of the header widget. It is simpler to set up and has most of the same functions including the animations.
The underline animations on the heading and caption are optional and can animate from the center out or from left to right.

Scroll Down Bar

The scroll down bar can sit below any item or, by checking a box, can overlay the bottom of the item above it.
It has options for a phone number which switches to a "Call Me" button on mobile phones, the scroll down chevron and an "Email Me" link.
Clicking the chevron smooth scrolls down to the next item on the page.

Scrolling Sidebar Links

The widget creates a main content area with options for a heading, image and text with a sidebar to the right. The sidebar's height is determined by the content area height and any overflow scrolls.
It can accommodate up to 100 links which can open internal or external pages and in a new window if required. Items are easily rearranged so it is suitable for dated items such as latest news or blog posts.

Scroll In/Out Ad Banner

These scroll in/out banner ads were created as an alternative to a popup window for placing info into the visitor's face. They can contain a logo, text and an info link to an internal or external page.
A banner stuck to the top of the browser/device window will fade in as the page is scrolled down and fade out as it is scrolled up. Placed at the bottom, it can appear on page load and fade out as the page is scrolled down.

Scroll In/Out Icon Links

The widget creates a bar of icon links with the option to have a phone number to the left and a scroll top chevron to the right.
The links can be placed at the top of the browser or device window and fade in on scroll down. Alternatively, they can be fixed to the bottom and fade out on scroll down.

Scroll In/Out Tab Links

These links work in the same way as the icon links described above but are text tabs which can be styled as solid tabs or CTA style links with a border.
The items can create either an internal or external link with new window option or a scroll down link to an anchor placed lower down the page.

Scroll & Stick Contact Bar

The contact bar can be placed below a header image and will scroll up and stick at the top of the browser or device window to remain in view if required.
It has options for a phone number which switches to a "Call Me" button on mobile phones, a contact icon which opens a form in a popup window and an "Email Me" link.

Scroll & Stick Icon Links

The links are created using the Iconicon range of icons. There is a button in the widget settings to open a cheatsheet which lists all the available icons. It as a search function for quickly finding an icon and exposing its name to be copied and pasted into the widget settings. The links can be placed anywhere on the page and will scroll up with the rest of the content and stick at a preset distance from the top. If srcoll and stick is not required, the function can be turned off and the widget used as a regular link bar.

Scroll & Stick Tab Links

This is a tab version of the scroll and stick icon links. The first six links can be set up as either internal links to other pages of the site or, by checking a box, can be set up as links which smooth scroll down to an anchor on the same page.
Other options are a phone link, an external link, an email link and a smooth scroll to the top link.

Scroll Down Anchor

The anchor is used in conjunction with either the icon or tab links widget where a smooth scroll down to any point on the page is required.
This allows the links to be used for creating a one page website as well as contain a mixture of links to other pages and scroll to anchors.

© EverWeb Widgets -