1.1.1 • Published 5 years ago
screen-scroll-to-elements v1.1.1
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>