Question

我想使用jquery sortable重新排列项目列表。我希望我的列表可以滚动（垂直），同时将可排序的句柄弹出到列表的右侧。

为了标记的原型，我创建了一个列表，并定位了句柄，使其向右弹出，但是当我打开垂直滚动时，它会在两个轴上滚动并且我松开我的弹出窗口（它被隐藏并且你需要将其滚动到视图中，而我真的只是希望它在列表外弹出）。

删除溢出-y：滚动意味着它正确渲染但现在我无法垂直滚动。

我能做些什么让这项工作成功吗？

（我也尝试使用可排序的dom结构之外的可排序句柄，但是sortable似乎不喜欢可排序项目所包含的句柄。）

感谢。

<style>
#container {
    width: 300px;
    height: 200px;
    border: 1px solid #0000ff;

    /* adding this stops the .pop boxes from escaping the container */
    overflow-y: scroll; 
}
#container li {
    border: 1px solid #00ff00;
    position: relative;
}
#container .pop {
    width: 220px;
    height: 40px;
    top: -10px;
    left: 130px;
    border: 2px solid #0000ff;
    position: absolute;
}

</style>
<div id="container">
    <div>
        <ul>
            <li>1</li>
            <li>2
                <div class="pop"></div>
            </li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>10</li>
        </ul>

    </div>
</div>

Answer 1

http://jsfiddle.net/Lqfxp1eh/5/

将.pop div移出可滚动容器，并将其放置在新父

上

我不确定＆＃39; sortable＆＃39;部分相关代码似乎不见了？

css - 垂直滚动和子容器转出容器

1 个答案: