mirror of https://github.com/IoTcat/sakura2.git
parent
227c3afe77
commit
5e09efb551
7 changed files with 129 additions and 124 deletions
@ -1,65 +1,34 @@ |
|||||||
let scrollAction = {x: undefined, y: undefined}, scrollDirection |
let scrollAction: { |
||||||
|
x: number, |
||||||
|
y: number, |
||||||
|
d: string |
||||||
|
} = { |
||||||
|
x: undefined, |
||||||
|
y: undefined, |
||||||
|
d: undefined |
||||||
|
} |
||||||
|
|
||||||
export default function () { |
export default function (direction: string) { |
||||||
if (typeof scrollAction.x == 'undefined') { |
if (scrollAction.x == undefined) { |
||||||
scrollAction.x = window.pageXOffset |
scrollAction.x = window.pageXOffset |
||||||
scrollAction.y = window.pageYOffset |
scrollAction.y = window.pageYOffset |
||||||
} |
} |
||||||
let diffX = scrollAction.x - window.pageXOffset |
let diffX = scrollAction.x - window.pageXOffset |
||||||
let diffY = scrollAction.y - window.pageYOffset |
let diffY = scrollAction.y - window.pageYOffset |
||||||
|
if (direction == 'x' || direction == 'X' ) { |
||||||
if (diffX < 0) { |
if (diffX < 0) { |
||||||
// Scroll right
|
scrollAction.d = 'right' |
||||||
scrollDirection = 'right' |
|
||||||
} else if (diffX > 0) { |
} else if (diffX > 0) { |
||||||
// Scroll left
|
scrollAction.d = 'left' |
||||||
scrollDirection = 'left' |
} |
||||||
} else if (diffY < 0) { |
|
||||||
// Scroll down
|
|
||||||
scrollDirection = 'down' |
|
||||||
} else if (diffY > 0) { |
|
||||||
// Scroll up
|
|
||||||
scrollDirection = 'up' |
|
||||||
} else { |
} else { |
||||||
// First scroll event
|
if (diffY < 0) { |
||||||
|
scrollAction.d = 'down' |
||||||
|
} else if (diffY > 0) { |
||||||
|
scrollAction.d = 'up' |
||||||
|
} |
||||||
} |
} |
||||||
scrollAction.x = window.pageXOffset |
scrollAction.x = window.pageXOffset |
||||||
scrollAction.y = window.pageYOffset |
scrollAction.y = window.pageYOffset |
||||||
return scrollDirection |
return scrollAction.d |
||||||
} |
} |
||||||
|
|
||||||
// export class scrollDirection {
|
|
||||||
// scrollActionX: any
|
|
||||||
// scrollActionY: any
|
|
||||||
// scrollDirection: string
|
|
||||||
// constructor() {
|
|
||||||
// this.scrollActionX = undefined
|
|
||||||
// this.scrollActionY = undefined
|
|
||||||
// }
|
|
||||||
// scrollDrictionX() {
|
|
||||||
// if (typeof this.scrollActionX == 'undefined') {
|
|
||||||
// this.scrollActionX = window.pageXOffset
|
|
||||||
// }
|
|
||||||
// if (this.scrollActionX > window.pageXOffset) {
|
|
||||||
// // Scroll right
|
|
||||||
// this.scrollDirection = 'right'
|
|
||||||
// } else {
|
|
||||||
// // Scroll left
|
|
||||||
// this.scrollDirection = 'left'
|
|
||||||
// }
|
|
||||||
// this.scrollActionX = window.pageXOffset
|
|
||||||
// return this.scrollDirection
|
|
||||||
// }
|
|
||||||
// scrollDrictionY() {
|
|
||||||
// if (typeof this.scrollActionY == 'undefined') {
|
|
||||||
// this.scrollActionY = window.pageYOffset
|
|
||||||
// }
|
|
||||||
// if (this.scrollActionY > window.pageYOffset) {
|
|
||||||
// // Scroll right
|
|
||||||
// this.scrollDirection = 'down'
|
|
||||||
// } else {
|
|
||||||
// // Scroll left
|
|
||||||
// this. scrollDirection = 'up'
|
|
||||||
// }
|
|
||||||
// this.scrollActionY = window.pageYOffset
|
|
||||||
// }
|
|
||||||
// }
|
|
Loading…
Reference in new issue