screen-scroll-to-elements

1.1.1 • Public • Published

jQuery.screen-scroll-to-elements.js

Installation

npm i screen-scroll-to-elements

Require

require("screen-scroll-to-elements")

Example

var obj = jQuery('html,body').screenScrollToElements({
    elements: '.scroll-to-elements > .elements',
    speed: 300,
    animation: 'linear',
    center: true,
    touchScroll: true,
    autoHeight: true, //bool / int / %
    matchMedia: '(min-width: 1000px)',
});
<style>
    .scroll-to-elements{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .scroll-to-elements .elements{
        height: 200px;
        width: 200px;
        border: 2px dotted black;
        background: #e2f3f5;
        margin: 20px 20px;
    }
</style> 
<div class="scroll-to-elements">
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="clear"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="clear"></div>
    <div class="elements" style="display:none;"></div>
    <div class="clear"></div>
    <div class="elements"></div>
    <div class="elements"></div>
    <div class="elements"></div>
</div>

Dependencies (1)

Dev Dependencies (7)

Package Sidebar

Install

npm i screen-scroll-to-elements

Weekly Downloads

1

Version

1.1.1

License

MIT

Unpacked Size

35.6 kB

Total Files

7

Last publish

Collaborators

  • mupic