jquery-ui - jQuery UI 可选和滚动条

Question

我有一个里面有 div 的 div。外面有overflow-y: auto; ，因此对于许多内部项目，会出现右侧滚动条。做完后$('#container').selectable();当我在滚动条上按下鼠标左键时，它不会滚动，但会显示一个用于选择的虚线框。

我找到了这个解决方案:JQuery UI Selectable plugin: Make scroll bar not selectable when div overflows

不幸的是，它对我不起作用，因为当我滚动到底部时，项目不再可选。 (虽然顶级的还在继续)。所以，问题是:如何使滚动条......嗯......一个滚动条，而不将容器分成2个div。

Answer 1

好吧，这似乎是所有浏览器的问题:当您单击滚动条时，会触发鼠标事件。这是真实问题，jQuery UI 只是没有解决它。让我们在 jQuery UI .js 文件中自行修复它(不适用于最小版本，因为它应该被混淆 AFAIK)。

添加这个条件

if (event.pageX > $(event.target)[0].clientWidth + $(event.target).offset().left)
    return;

紧随其后

_mouseDown: function(event) {

我在 HasScrollbar() 上看到了很多这样的黑客攻击。检测器，但不明白为什么他们不总结客户端宽度(即没有滚动条)和偏移量以使其相对于文档并与 pageX 进行比较。对我来说它完美无缺。