scrollTo.js 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = scrollTo;
  8. var _raf = _interopRequireDefault(require("./raf"));
  9. var _getScroll = _interopRequireWildcard(require("./getScroll"));
  10. var _easings = require("./easings");
  11. function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  12. function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  13. function scrollTo(y) {
  14. var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  15. var _options$getContainer = options.getContainer,
  16. getContainer = _options$getContainer === void 0 ? function () {
  17. return window;
  18. } : _options$getContainer,
  19. callback = options.callback,
  20. _options$duration = options.duration,
  21. duration = _options$duration === void 0 ? 450 : _options$duration;
  22. var container = getContainer();
  23. var scrollTop = (0, _getScroll.default)(container, true);
  24. var startTime = Date.now();
  25. var frameFunc = function frameFunc() {
  26. var timestamp = Date.now();
  27. var time = timestamp - startTime;
  28. var nextScrollTop = (0, _easings.easeInOutCubic)(time > duration ? duration : time, scrollTop, y, duration);
  29. if ((0, _getScroll.isWindow)(container)) {
  30. container.scrollTo(window.pageXOffset, nextScrollTop);
  31. } else if (container instanceof HTMLDocument || container.constructor.name === 'HTMLDocument') {
  32. container.documentElement.scrollTop = nextScrollTop;
  33. } else {
  34. container.scrollTop = nextScrollTop;
  35. }
  36. if (time < duration) {
  37. (0, _raf.default)(frameFunc);
  38. } else if (typeof callback === 'function') {
  39. callback();
  40. }
  41. };
  42. (0, _raf.default)(frameFunc);
  43. }