ohayolibs/packages/theme/system/utils/_position.less

Ohayo is a set of essential modules for ohayojp.

/**
 * 定位方式：无
 * Positioning method: nothing
 */
.position-static {
  position: static !important;
}

/**
 * 生成相对定位的元素，相对于其正常位置进行定位
 * The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position
 */
.position-relative {
  position: relative !important;
}

/**
 * 定位方式：绝对，相对于 static 定位以外的第一个父元素进行定位
 * The element is positioned relative to its first positioned (not static) ancestor element
 */
.position-absolute {
  position: absolute !important;
}

/**
 * 定位方式：绝对，相对于浏览器窗口进行定位
 * The element is positioned relative to the browser window
 */
.position-fixed {
  position: fixed !important;
}

/**
 * 定位方式：粘性，基于用户的滚动位置来定位
 * The element is positioned based on the user's scroll position
 */
.position-sticky {
  position: sticky !important;
}

/**
 * 全屏固定顶部
 * Full screen fixed top
 */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: @zindex-fixed;
}

/**
 * 全屏固定底部
 * Full screen fixed bottom
 */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: @zindex-fixed;
}