Category: Web Development

Jquery Scrolling plugins

TheSmithy

Source:

http://www.cssauthor.com/jquery-scrolling-plugins/

I liked these particularly:

  • AnimateScroll
    AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.
    demo
    https://github.com/ramswaroop/animatescroll.js
  • Scrollify
    A jQuery plugin that assists scrolling and smoothly snaps to sections. Fully configurable and optimised for touch.
    demo
    https://github.com/lukehaas/Scrollify
  • jQuery slimScroll
    slimScroll is a small (4.6KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar
    demo
    https://github.com/rochal/jQuery-slimScroll/
  • Portfoliojs
    Portfoliojs is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers
    demo
    https://github.com/abhiomkar/portfoliojs
  • Scrolltab
    add tabs visually associated to their position relative to the scroll bar
    demo
    https://github.com/cjsaylor/Scrolltab
  • SMINT – Sticky Menu including Navigation Thingy
    demo
    download
  • JQuery Custom Scrollbar
    Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc.
    demo
    download
  • Infinity JS 
    Developed for AirBnb. Is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant.
    demo
    https://github.com/airbnb/infinity
  • ALS – Any List Scroller
    jQuery scrolling plugin by musings.it to scroll any list with any content.
    demo
    http://als.musings.it/
  • JQuery Animation Scroll Plugin
    A mobile friendly viewport triggered animation jQuery Plugin using greensock.
    demo
    https://github.com/mpalpha/animate-scroll
  • JQuery.ScrollTo
    Lightweight, cross-browser and highly customizable animated scrolling with jQuery
    demo
    https://github.com/flesler/jquery.scrollTo
  • Endless Scroll JQuery Plugin
    Endless Scroll not only helps you build highly customisable infinite scrolling effects, it also offers features not commonly seen. Such features include: a) The ability to up-scroll and prepend content to the beginning of the page b) The ability to limit the number of available ‘pages’, i.e. data truncation c) And there are more exciting features in the works, including SEO-friendly URLs!
    Demo
    https://github.com/fredwu/jquery-endless-scroll

More Scrolling Plugins

 

WP Rest API with Custom post types and / Advanced custom fields

TheSmithy

Prerequisites:

Make it work

  • Create a Custom post Type
    • Set Show in REST API to TRUE
    • enter a REST API base slug (need this for your requests)
  • Create some ACF fields for the custom post type
  • Create a Custom post
  • Test the API in Postman:
    GET    http://localhost/sitename/wp-json/wp/v2/rest-api-base-slug

    You should see a json file with acf fields