Бесконечный скролл при перетаскивании элемента jquery-ui
Подскажите, пожалуйста, можно ли установить максимальный размер прокрутки элемента #content. На данный момент, если вы перетащите #element, горизонтальная прокрутка будет бесконечной. Я не могу получить scrollLeft элемента #content при перетаскивании, потому что я использую sortable, и там такой функции нет.
$(function() {
$("#element").draggable({
scroll: true,
drag: function(event, ui) {
console.log($("#content").scrollLeft());
}
});
});#content {
width: 500px;
height: 150px;
background: red;
position: relative;
overflow: hiden;
overflow-y: scroll;
}
#element {
background: black;
width: 100px;
height: 100px;
position: absolute;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<div id="content">
<div id="element"></div>
</div>