xdesign-vue-next/es/_common/js/utils/getScrollbarWidth.mjs

XDesign Component for vue-next

/**
 * xdesign v1.0.6
 * (c) 2023 xdesign
 * @license MIT
 */

import { getIEVersion } from './helper.mjs';
import '../../../_chunks/dep-5bec687c.mjs';
import '../../../_chunks/dep-89b966f4.mjs';
import '../../../_chunks/dep-53e379cd.mjs';
import '../../../_chunks/dep-32d4c595.mjs';
import '../../../_chunks/dep-f9e836af.mjs';
import '../../../_chunks/dep-82805301.mjs';
import '../../../_chunks/dep-11fa9c2c.mjs';
import '../../../_chunks/dep-10a947a6.mjs';
import '../../../_chunks/dep-b75d8d74.mjs';
import '../../../_chunks/dep-a95026f2.mjs';
import '../../../_chunks/dep-068e912d.mjs';
import '../../../_chunks/dep-addc2a84.mjs';
import '../../../_chunks/dep-5a2ce53e.mjs';
import '../../../_chunks/dep-1bae6a97.mjs';
import '../../../_chunks/dep-23f91684.mjs';

function getScrollbarWidthWithCSS() {
  var defaultScrollbarWidth = 6;
  if (typeof navigator === "undefined" || !navigator) return defaultScrollbarWidth;
  if (/(Chrome|Safari)/i.test(navigator.userAgent)) return defaultScrollbarWidth;
  var scrollDiv = document.createElement("div");
  scrollDiv.style.cssText = "width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;";
  document.body.appendChild(scrollDiv);
  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
  document.body.removeChild(scrollDiv);
  if (/Firefox/.test(navigator.userAgent)) {
    scrollbarWidth -= 4;
  }
  if (getIEVersion() <= 11) {
    scrollbarWidth = 12;
  }
  return scrollbarWidth;
}
function getScrollbarWidth() {
  var scrollDiv = document.createElement("div");
  scrollDiv.style.cssText = "width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;";
  document.body.appendChild(scrollDiv);
  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
  document.body.removeChild(scrollDiv);
  return scrollbarWidth;
}

export { getScrollbarWidth, getScrollbarWidthWithCSS };
//# sourceMappingURL=getScrollbarWidth.mjs.map