JS解决position:sticky的兼容性问题的方法

<template>
  <div class="sticky" :style="getPosition">
    <div class="sticky-warp">
      <slot></slot>
    </div>
  </div>
</template>

<style scoped lang="less" rel="stylesheet/less">
  .sticky {
    width: 100%;
    .sticky-warp {
      width: 100%;
      background: inherit;
      will-change: change;
      height: inherit;
      top: inherit;
    }
  }
</style>

<script type="text/babel">
  export default {
    data () {
      return {}
    },
    computed: {
      getPosition(){
        var position = this.cssSupport('position', 'sticky') "_blank" href="https://github.com/yejiaming/scroll" rel="external nofollow" >https://github.com/yejiaming/scroll，sticky组件以及原生滚动下的指令参考的实现的github地址如下：https://github.com/yejiaming/sticky


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。