Displaying 1 to 20 from 59 results

viewport-units-buggyfill - Making viewport units (vh|vw|vmin|vmax) work properly in Mobile Safari.

  •    Javascript

This is a buggyfill (fixing bad behavior), not a polyfill (adding missing behavior). That said, it provides hacks for you to get viewport units working in old IE and Android Stock Browser as well. If the browser doesn't know how to deal with the viewport units - vw, vh, vmin and vmax - this library will not improve the situation unless you're using the hacks detailed below. The buggyfill uses the CSSOM to access the defined styles rather than ship its own CSS parser, that'S why the hacks abuse the CSS property content to get the values across. The buggyfill iterates through all defined styles the document knows and extracts those that uses a viewport unit. After resolving the relative units against the viewport's dimensions, CSS is put back together and injected into the document in a <style> element. Listening to the orientationchange event allows the buggyfill to update the calculated dimensions accordingly.

react-responsive - Media queries in react for responsive design

  •    Javascript

The best supported, easiest to use react media query module. This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it all just works.

onScreen - A light library that does stuff when the matched elements enter or leave the viewport

  •    Javascript

A light library that does stuff when the matched elements enter or leave the viewport. Tested to work in IE9+, Edge, Gecko, Blink, and Webkit. Hint: demos now have their own repository. Be sure to check them out.

kissui.scrollanim - CSS3 scroll animation library

  •    CSS

This library is a part of Kissui project. You can also download and include files manually from the latest releases.




dragscroll - micro library for drag-n-drop scrolling style

  •    Javascript

Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere). That's it! Now you can scroll it by dragging. You can also add the dragscroll class to the <body> element and drag the whole page.

in-view - Get notified when a DOM element enters or exits the viewport. :eyes:

  •    Javascript

Get notified when a DOM element enters or exits the viewport. A small (~1.9kb gzipped), dependency-free, javascript utility for IE9+. With in-view, you can register handlers that are called when an element enters or exits the viewport. Each handler receives one element, the one entering or exiting the viewport, as its only argument.

scrollMonitor - A simple and fast API to monitor elements as you scroll

  •    Javascript

The scroll monitor allows you to receive events when elements enter or exit a viewport. It does this using watcher objects, which watch an element and trigger events. Watcher objects also contain information about the element they watch, including the element's visibility and location relative to the viewport. If your scroll container is an element other than the body you can create a container that creates watchers. The scroll monitor was designed to be very fast. On each scroll event the DOM is only touched twice, once to find the document height and again to find the viewport top. No variables are declared, nor are any objects, arrays, or strings created. Watchers are very cheap. Create them liberally.


isInViewport - An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist

  •    Javascript

An ultra-light jQuery plugin that tells you if the element is in the viewport, but with a twist. For a more performant alternative, please take a look at observe-element-in-viewport which uses the new IntersectionObserver API. Please keep in mind that you might have to ship a polyfill for IntersectionObserver depending on the browsers you support.

viewport - :computer: Gets the dimensions of the Viewport and beyond.

  •    Javascript

Viewport is a component to ease viewport management. You can get the dimensions of the viewport and beyond, which can be quite helpful to perform some checks with JavaScript. Also, you can use it without components.

viewport - create custom scrolling indicator

  •    Javascript

home page of intence project also uses viewport.js for its navigation menu. where should the viewport be scrolled to in order to show a particular section.

brim - View (minimal-ui) manager for iOS 8.

  •    Javascript

View (minimal-ui) manager for iOS 8. Try it and tweet it if you like it.

scream - Dynamic viewport management for mobile

  •    Javascript

Dynamic viewport management for mobile. Manage viewport in different states of device orientation. Scale document to fit viewport. Calculate the dimensions of the minimal iOS 8 view relative to your viewport width.

within-viewport - JavaScript utility that determines whether an element is completely within the browser viewport

  •    Javascript

All of the above offer the same features. Although this plugin is still actively maintained, it will eventually be made obsolete by the Intersection Observer API. You can check the current state of browser compatibility at caniuse.com. Meanwhile, withinviewport will continue to work on current and legacy browsers.

StickyStack

  •    Javascript

A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport. First include jQuery, then call .stickyStack() on the main content wrapper (or define it using options). Note that the stackingElements should be direct children of the containerElement.

inViewPort

  •    JQuery

jQuery plugin that adds a CSS class to selected elements when they have been scrolled into the viewport for the first time.

jquery-insight - A plugin to check if an element is within the browser's viewport.

  •    JQuery

A plugin to check if an element is within the browser's viewport.