javascript - 隐藏默认浏览器滚动条不溢出 :hidden when using Perfect Scrollbar

Question

我在网页上使用“完美滚动条”。为了隐藏默认的浏览器滚动条，它添加了“溢出:隐藏”。 (http://noraesae.github.io/perfect-scrollbar/)

我还在可滚动部分中使用了 Jquery Sortable。 ( http://jqueryui.com/sortable/ ) 完美滚动所需的溢出隐藏是可排序的障碍。当我拖动一个 div 时，它不会根据需要向下滚动，因为溢出被​​隐藏了。 (但是当你用鼠标滚轮滚动时它会滚动)。

当我删除 overflow:hidden 时默认滚动条和完美的滚动条显示。 (两者都按预期工作)

那么，我该如何在视觉上隐藏滚动条，这样溢出就不会被隐藏，只有滚动条才不可见。

Answer 1

您可以将整个页面包含在一个高度和宽度与窗口相同的 div 中，然后在该 div 上应用完美的滚动条。

HTML:

<div class="body">
  <!-- page content -->
</div>

JS

$(".body").css({
 "width": $(window).width() + "px",
 "height": $(window).height() + "px" 
});