js seamless scroll
npm install seamscroll 

πΎ sample demo |
π δΈζζζ‘£
IE |
Firefox |
Chrome |
Safari |
iOS |
Android |* mobile gestures are not supported.
``bash`
npm install seamscroll --savehttps://cdn.jsdelivr.net/npm/seamscroll@0.0.11/build/seamscroll.min.js$3
`jsor
const seamless = require('seamscroll')
import seamless from 'seamscroll'
seamless.init({
dom: document.getElementById('demo1')
})
//script tag
`
css
.demo2 {
width: 600px;
height: 100px;
position: relative;
overflow: hidden;
margin-top: 100px;
}
.list2 li {
float: left;
width: 100px;
height: 100px;
margin-right: 20px;
text-align: center;
font-size: 20px;
color: #fff;
line-height:100px;
background-color: #ccc;
}
`
`html
- 1
- 2
- 3
- 4
- 5
- 6
`
`javascript
seamscroll.init({
dom: document.getElementById('demo2'),
direction: 2
})
`Configure
*Required parameters(dom)|key|description|default|val|
|:---|---|---|---|
|
*dom|the role of the element|null|dom|
|step|step,the faster the rolling speed is faster|1|Number|
|hoverStop|mouse hover control is enabled|true|Boolean|
|direction|0 down 1 up 2 left 3 right|1|Number|
|singleHeight|one single stop height(default zero is seamless) => direction 0/1|0|Number|
|singleWidth|one single stop width(default zero is seamless) => direction 2/3|0|Number|
|waitTime|one single data stop wait time(1s)|1000|Number`|