jquery - 带有 sortable 的 Slimscroll 使可排序的内容在拖动到其他容器时隐藏

Question

如何限制 slimscroll 仅在 y 轴上滚动？

我在stackoverflow问题中找到了答案。

它说不。有没有其他解决方法？

问题是它会将溢出隐藏到 div 中......它使我的可排序 div 变得糟糕。在将一个可排序元素从一个容器移动到另一个容器时，它会被隐藏。

Answer 1

    $('.scrollable-content').slimScroll({
        height: '90vh'
    });

然后为了修复我添加了这个

    $('.slimScrollDiv').css('overflow', '');

其中 .slimScrollDiv 是 slimscroll 生成的类。现在它工作正常。

Answer 2

我遇到了同样的问题，并通过 overflow: 'visible' 直接在 jquery.slimscroll.js 中修改父级的行来解决它。这是完整的代码部分：

// wrap content
var wrapper = $(divS)
.addClass(o.wrapperClass)
.css({
position: 'relative',
overflow: 'visible', // --- !!! changed from hidden
width: o.width,
height: o.height
});

恕我直言，我相信这是一个错误，所以我只是在源代码中修复它。现在它就像一个魅力。

Answer 3

在您要应用的容器上使用以下样式 .slimscroll({ config })

JS

$('#slimtest1').slimScroll({
    height: '200px'
});

CSS

#slimtest1{
      overflow: hidden;
      width: auto;
      height: 200px;
    }