代码之家  ›  专栏  ›  技术社区  ›  qadenza

排序时项目跳转到最左边

  •  1
  • qadenza  · 技术社区  · 6 年前

    title

    我试过了 this 解决方案-对我不起作用。

    $(".act").sortable({
      containment: "parent",
      axis: "y",
      helper: "clone",
      tolerance: "pointer"
     });
    .parent{
    position:fixed;
    left:5px;
    top:9px;
    width:50%;
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
    grid-gap:5px;
    }
    
    .parent div{
    background:gold;
    }
    
    .title{
    cursor:cell;
    position:relative;
    }
    <script  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <div class='parent'>
    <div></div>
    <div class='act'>
    <div class='title'>lorem</div>
    <div class='title'>ipsum</div>
    <div class='title'>dolor</div>
    <div class='title'>sit</div>
    </div>
    </div>
    0 回复  |  直到 6 年前
    推荐文章