jQuery UI可调整大小的句柄命中区域/灵敏度/容差

我正在使用jQuery ui Resizeable，我（个人）发现，当你试图调整一个元素的大小时，它就像一个视频游戏，可以确定它的命中区域

似乎命中区域是div边缘的一个像素！WT

---

有人知道如何增加手柄的命中区域/容差，这样你就不必像外科医生一样移动鼠标来抓住div的边缘了吗？

可调整大小的手柄有class

ui可调整大小的手柄

。您可以根据自己的便利和选择来设置这些类的样式。 您可以增加它们的大小、尺寸、形状等。 例如：

.ui-resizable-handle{width:0;height:0;border:4px solid blue;border-radius:10px;}

在本例中，您将拥有圆形、蓝色和更大的可调整大小的控制柄

.ui-resizable-handle{width:0;height:0;border:4px solid blue;}

在这种情况下，控制柄的形状将为矩形。 所以，你可以用CSS做任何你想做的事情

---

演示：

您可以将jquery引用传递给句柄，如下所示：

$('#elementResizable').resizable({
    handles: {
        'n': '#ngrip',
        'e': '#egrip',
        's': '#sgrip',
        'w': '#wgrip'
    }
});

---

我现在可以调整尺寸，但我需要防止手柄在使用滚动条时移动。请参阅此提琴将底部：0添加到处理程序以将其固定到底部使用滚动条时如何阻止处理程序移动？小提琴：