Tag: scroll

  • Sticky Header on Scroll for WordPress (Interface Parts)

    Sticky Header on Scroll for WordPress (Interface Parts)

    Sticky Header on Scroll WordPress Plugin
    Sticky Header on Scroll WordPress Plugin
    Quick facts about Bonfire Themes

    Sticky Header on Scroll is a super easy way to add a slide-down header to your site that appears only when the user scrolls down. This modern navigation method is becoming wildly popular, and now you can add it to your site without having to switch themes or alter your current theme in any way.

    Simply install the plugin and your WordPress site will immediately have a floating ‘scroll down header’ complete with menu and logo positions, share buttons on posts etc.

    Sticky Header on Scroll is fully responsive, ensuring a comfortable browsing experience on all devices and screen sizes. And thanks to the flexibility of the included customization options, you can make sure the sticky header fits well into any theme.

    Please be sure to visit the demo site here to see a live example of Sticky Header on Scroll.

    Features

    • Header:
      • Appears after user scrolls down
      • Customize appearance distance
      • Change background color
      • Change background opacity
    • Dropdown menu:
      • Add custom button label (optional)
      • Customize all colors
      • Optionally hide
    • Logo:
      • Display as text or upload logo image
      • Customize logo size
      • Customize all colors
      • Optionally hide
    • Post title display:
      • Customize all colors
      • Displayed on blog posts
      • Optionally hide
    • Share buttons:
      • Displayed on blog posts
    • ‘Next post’ button:
      • Customize all colors
      • Displayed on blog posts
      • Optionally hide
    • Misc:
      • Optionally display the floating header at specified resolutions only (useful if you’d like to show it desktop but hide on mobile)
      • Live Customizer integration (make changes and preview them in real-time)
      • Fully responsive from desktop all the way down to mobile screens
      • Clean and well-marked code
      • Thoroughly tried and tested across a range of devices
      • Proven author with fast and friendly support
      • Lifetime free updates
      • Jargon-free documentation
  • Easy Scroll — scroll web page with out jerky and clunky results, WordPress model (Utilities)

    Easy Scroll — scroll web page with out jerky and clunky results, WordPress model (Utilities)

    Smooth Scroll plugin will make your WordPress site cool by making the scroll movement of the mouse wheel smooth. Making Google Chrome And WebKit Based Browsers Scroll Smoother.

    Don’t Let Chrome screw up Your Website.
    Are You developing a beautiful website? Are You adding some nice effects, animations, parallax?
    If you ever visited animated and parallax websites using Google Chrome or WebKit based browsers,
    You’ve probably noticed the scrolling has a jerky and clunky effect scroll, unlike Firefox.
    Smooth Scroll has been specifically designed to help you overcome this nagging problem.
    It represents the web site at Google Chrome in the way it should be. Without stuttering.

    Smooth Scroll plugin works perfectly with all major WordPress frameworks: Genesis, Divi, Themify, Warp 7, Ultimatum, Beans, Unyson, Gantry, & other’s

    Cross Browser Support: We have worked hard to make the extension work perfectly on all the browsers available.

    Detecs Mobile Automatically: plugin auto-detects mobile and tablet devices and act accordingly to present the best user experience.

    Features list

    • Easy to use: Install & Go
    • Works with all Themes
    • Works on mobile devices
    • Works in all modern browsers
    • Lightweight and Fast, only 8kb minified
    • Native JavaScript, without jQuery
    • Smart, smooth scrolling will disable itself automatically for mobile devices
    • All major browsers supported: IE8+, Chrome, Firefox, Safari, Android browser, Opera, iOs browser
    • Tested with WooCommerce, BuddyPress & More
    • Super-Easy Admin Interface, Setting Up in Seconds.
    • Installation Guide
    • Detailed Users Manual

    6 months support by 42theme

    Item support includes:

    • All future updates made available for this item are included with purchase
    • Availability of the author to answer questions
    • Get assistance with reported bugs and issues
    • Help with included 3rd party assets

    Item support does not include:

    • Customizations and installations

    For more details, view the item support policy.

    Item Contents

    • 01_Plugin
    • 02_Documentation
    • Licensing

    Note

    If you have any questions please feel free to email us via contact form here.

  • Scroll disclose animations (Miscellaneous)

    Scroll disclose animations (Miscellaneous)

    Make your site more attractive with scroll animations. Now, with this plugin you do not have to struggle to create beautiful animations

    You can create as many scroll reveal configurations as you want. It’s super easy to have different animations among different pages, post types and html elements in your site.

    You can also have different animation per css selector.

    Features:

    – Beautiful animations with many options
    – Mobile friendly
    – Translate ready
    – Free Support.
    – Built with WordPress Best Practices We have used the latest standards for creating this wordpress plugin in order to not affect your site performance.
    – This plugin works in any modern browser which supports CSS transform and transition (ie 10+).
    – Many more options

    Credits: Scroll reveal plugin

  • jQuery Easy Sync Scrollr (Miscellaneous)

    jQuery Easy Sync Scrollr (Miscellaneous)

    jQuery Simple Sync Scrollr is a tiny jQuery plugin which allows scroll multiple scrollable areas of the page synchronously.

    How it works

    When you scroll your scrollable area (or simply ‘pane’) jQSSS will scroll other panes to the same height/width simultaneously, regardless of their inner content size. Please refer to demo page and screenshots for more explanation. Added new sync mechanism since v1.1.0: sync scroll position by inner content (see demo)

    Features

    • Scrolls areas synchronously in both vertical and horizontal direction
    • New feature: sync scroll position by inner content
    • Provides custom callbacks for numerous events
    • Has crossbrowser support (compatible with almost all modern browsers)
    • Incredibly lightweight – size of minified js is only ~4KB!
    • Re-attachable (can be disabled and re-enabled at any time)
    • Easily integrates in any CMS platforms and UI frameworks
    • Plays well with any other jQuery plugin
    • Fully documented

    Use cases for jQSSS

    • Book, zines and papers reading (e.g. comparison of scanned pages and pages after ‘optical character recognition’ )
    • Rich text editors for ‘content management systems’ (e.g. comparison of previous copy and current one)
    • Viewing various live data that should be synced
    • …and many more options and possibilities

    See jQSSS in action: https://nedgeva.github.io/jqsss/

    Changelog

    v1.1.0 - added new feature: sync by inner content (see demo)
    added new argument sent to callbacks (ratio of scrolled height/width)
    removed junk code
    v1.0.0 - initial release

  • CSS3 Colourful Scrollbar Kinds (Navigation and Menus)

    Description:
    Easy to use the colorful CSS3 Scrollbar will look great on your website.

    Features:
    Pure CSS3
    Supports Webkit Browsers, fallback to default scrollbar.
    IOS and Android Compatible
    Supports div, iframe, windows
    27 Different Style.
    Colorful Design

  • CSS3 Colourful Scrollbar Types (Navigation and Menus)

    Description:
    Easy to use the colorful CSS3 Scrollbar will look great on your website.

    Features:
    Pure CSS3
    Supports Webkit Browsers, fallback to default scrollbar.
    IOS and Android Compatible
    Supports div, iframe, windows
    27 Different Style.
    Colorful Design

  • Limitless Scroll (Prestashop)

    Infinite scrolling promises a better experience for users. The basic funcionality is that, as the user scrolls through content, more content is loaded automatically.

  • easy Stick jQuery plugin (Miscellaneous)

    jQuery plugin to fixing any element on your page when scrolling.

    How to use and features look on live preview page.

    Structure:

    • index.html – this file with item description
    • demo.html – plugin demo page with manual
    • css/bootstrap.min.css – styles of bootstrap framework. Use for stylization demo page and this page. NOT necessarily for plugin
    • css/page.css – Use for stylization demo page. NOT necessarily for plugin
    • css/page.css.map – source map file for page.css
    • css/simpleStick.css – Use for for plugin work
    • css/simpleStick.css.map – source map file for simpleStick.css
    • scss/page.scss – source of page.css
    • scss/simpleStick.scss – source of simpleStick.css
    • js/jquery-3.1.0.min.js – jQuery library. NECESSARILY for plugin use
    • js/simpleStick.js – main file of plugin
    • js/simpleStick.min.js – compressed version of simpleStick.js
  • TotalScroll – Multi-Column Format Scrolling jQuery Plugin (Navigation)

    Modern Scrolling for Your Website!

    TotalScroll plugin was created for multicolumn websites and with it you can adjust your menu column or sidebar’s scrolling speed. Column scroll speed is set as a value between 0-1, where 1 corresponds to default browser scrolling speed. Also TotalScroll can control amount of offset for every column and prevent it from being scrolled too much.

    Among other with TotalScroll you can make any column sticky simply by assigning a “ts-sticky” class; use its build-in “Reveal on Scroll” feature to add CSS3 animations to the content as you scroll down the page. Also plugin is fully responsive and works with most fixed/fluid grids

    Key Features

    • Created for multi-column websites
    • Works on Android and iOS devices
    • Not restricted to specific grid system
    • Bootstrap v3 ready
    • Configurable column scroll speed
    • CSS3 for extra smooth performance
    • Dynamic recognition of layout change
    • Configurable “single column” break point
    • Build in “reveal-on-scroll” feature
    • jsHint.com compliant code
    • Well documented

    Changelog

    # version 1.0 (Nov 23, 2016)
    - plugin released!

    Credits & Sources

    Photos used in preview are from https://morguefile.com

  • Expose – Scroll Disclose Animations jQuery Plugin (Pictures and Media)


    Reveal - Responsive


    Reveal - Documentation


    Reveal - Support


    Reveal - Bootstrap and Foundation


    Reveal - Buy Now

    Reveal – Scroll Reveal Animations jQuery Plugin

    Reveal by pixevil is a scroll reveal animations framework with unlimited animation possibilities. Reveal animations can be used with any element in your page. Built with the use of jQuery, GSAP and Animus, Reveal is guaranteed to offer an unmatched scroll reveal animation and design experience.

    It’s showtime!

    Scroll reveal animations for any element. Simpler than ever.

    Reveal is amazing because of how simple its syntax is for creating custom keyframed animations. You don’t need to learn complicated JavaScript to create beautiful scroll reveal animations for any element of your page. You can write your own animations on the fly or use one of the 50+ animation presets. We like to keep things simple for you.

    data-reveal="opacity 0, scale 2" 
    

    Features

    Touch Enabled

    Touch interactions are essential to any website. Reveal offers a seamless mobile-friendly experience on all touch devices.

    Animate Anything

    Apply impressive scroll reveal animations and effects to anything on your page. Whatever it is, reveal can animate it.

    Usage Ready

    All the assets used for reveal are included in the download! HTML, CSS, SASS, JS, CoffeeScript, Images and Fonts.

    Well Documented

    Everything you need to know about reveal can be found in one easy to follow documentation with live examples.

    Beginner Friendly

    Whether you’re a beginner or an advanced developer, we offer easy-to-follow guides for a great development experience.

    Bootstrap and Foundation

    Reveal is compatible with any front-end framework and has been tested with both Bootstrap and Foundation.

    Easy Animation Syntax

    You don’t need to know code to know animations when it comes to the Animus framework: a simple, readable syntax.

    50+ Animation Presets

    Whenever wondering what animations to choose, you can use one of the beautiful hand tailored animation presets.

    Custom Keyframed Animations

    Literally unlimited animation possibilities. Create your own keyframed animations to offer an unique user experience.

    Animation Controls

    Want the element to repeat the reveal animation? With reveal, you can easily create looping and repeating animations.

    Durations and Easings

    All of your animations can have a custom duration and easing. No useless fiddling with CSS classes.

    Beautifully Responsive

    Reveal looks absolutely stunning, from phones and tablets to laptops and desktops. Design one time, look good every time.

    Compatibility

    Reveal can be used with jQuery 1.7+ and is perfectly compatible with all major browsers, including IE9.

    Lifetime Updates

    Once purchased, you will have free lifetime access to all the future updates and features that reveal has to offer.