ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 10:44:59 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[improvement] sort out utils (#2672)

Browse Source
This commit is contained in:
neverland
2019-02-02 10:41:01 +08:00
committed by GitHub
parent 0eb06b10a8
commit f0056297c6
9 changed files with 93 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
packages/utils/scroll.js
View File

@@ -1,36 +1,41 @@
import { isServer } from '.';
export default {
// get nearest scroll element
getScrollEventTarget(element, rootParent = window) {
let node = element;
// bugfix, see http://w3help.org/zh-cn/causes/SD9013 and http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
while (node && node.tagName !== 'HTML' && node.tagName !== 'BODY' && node.nodeType === 1 && node !== rootParent) {
const { overflowY } = this.getComputedStyle(node);
if (overflowY === 'scroll' || overflowY === 'auto') {
return node;
}
node = node.parentNode;
export const getComputedStyle = !isServer && document.defaultView.getComputedStyle.bind(document.defaultView);
// get nearest scroll element
// http://w3help.org/zh-cn/causes/SD9013
// http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
export function getScrollEventTarget(element, rootParent = window) {
let node = element;
while (
node &&
node.tagName !== 'HTML' &&
node.tagName !== 'BODY' &&
node.nodeType === 1 &&
node !== rootParent
) {
const { overflowY } = getComputedStyle(node);
if (overflowY === 'scroll' || overflowY === 'auto') {
return node;
}
return rootParent;
},
node = node.parentNode;
}
return rootParent;
}
getScrollTop(element) {
return 'scrollTop' in element ? element.scrollTop : element.pageYOffset;
},
export function getScrollTop(element) {
return 'scrollTop' in element ? element.scrollTop : element.pageYOffset;
}
setScrollTop(element, value) {
'scrollTop' in element ? element.scrollTop = value : element.scrollTo(element.scrollX, value);
},
export function setScrollTop(element, value) {
'scrollTop' in element ? (element.scrollTop = value) : element.scrollTo(element.scrollX, value);
}
// get distance from element top to page top
getElementTop(element) {
return (element === window ? 0 : element.getBoundingClientRect().top) + this.getScrollTop(window);
},
// get distance from element top to page top
export function getElementTop(element) {
return (element === window ? 0 : element.getBoundingClientRect().top) + getScrollTop(window);
}
getVisibleHeight(element) {
return element === window ? element.innerHeight : element.getBoundingClientRect().height;
},
getComputedStyle: !isServer && document.defaultView.getComputedStyle.bind(document.defaultView)
};
export function getVisibleHeight(element) {
return element === window ? element.innerHeight : element.getBoundingClientRect().height;
}