scroll.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. // get nearest scroll element
  2. // http://w3help.org/zh-cn/causes/SD9013
  3. // http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
  4. export function getScrollEventTarget(element, rootParent) {
  5. if (rootParent === void 0) {
  6. rootParent = window;
  7. }
  8. var node = element;
  9. while (node && node.tagName !== 'HTML' && node.tagName !== 'BODY' && node.nodeType === 1 && node !== rootParent) {
  10. var _window$getComputedSt = window.getComputedStyle(node),
  11. overflowY = _window$getComputedSt.overflowY;
  12. if (overflowY === 'scroll' || overflowY === 'auto') {
  13. return node;
  14. }
  15. node = node.parentNode;
  16. }
  17. return rootParent;
  18. }
  19. export function getScrollTop(element) {
  20. return 'scrollTop' in element ? element.scrollTop : element.pageYOffset;
  21. }
  22. export function setScrollTop(element, value) {
  23. 'scrollTop' in element ? element.scrollTop = value : element.scrollTo(element.scrollX, value);
  24. }
  25. export function getRootScrollTop() {
  26. return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  27. } // get distance from element top to page top
  28. export function getElementTop(element) {
  29. return (element === window ? 0 : element.getBoundingClientRect().top) + getScrollTop(window);
  30. }
  31. export function getVisibleHeight(element) {
  32. return element === window ? element.innerHeight : element.getBoundingClientRect().height;
  33. }