Socket
Book a DemoInstallSign in
Socket

blistr

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

blistr

track if children of a scrollable element are positioned in the viewport or not.

latest
Source
npmnpm
Version
1.0.2
Version published
Maintainers
1
Created
Source

blistr

track if children of a scrollable element are positioned in the viewport or not.

usage

var blistr = require('blistr');

blistr(parentElement, {

    // How often to re-check what's in view
    interval: 200, // Optional, defaults to 200

    // How close to the viewport to decide that the element is view
    margin: 500, // Optional, defaults to 500

    // Opperation to perform on an element that has entered view.
    enter: function(childElement){
        childElement.style.visibility = null;
    },

    // Opperation to perform on an element that has exited view.
    exit: function(childElement){
        childElement.style.visibility = 'hidden';
    }

});

Both enter and exit will be called seperately from the update interval, and timed to requestAnimationFrame. Modifying the interval should have a small impact on performance.

FAQs

Package last updated on 14 Apr 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts