可拖动的jQuery限制

Question

我试图通过拖动光标来滚动图像。我使用的是Draggable jQuery库，但我遇到了问题。

我需要确定图像的限制，以便我可以阻止拖动以避免显示空白区域。

任何人都可以帮助我吗？

jsfiddle

<div style="width:100%;height:100%;" id="parent">
<img src="http://cdn.wallpapersafari.com/10/37/Aim58J.jpg" id="draggable"/>

$( "#draggable" ).draggable({
    axis: 'x,y',
    cursor: "crosshair",
});

Answer 1

如果您需要通过拖动滚动，请不要使用拖动。请改用简单的鼠标移动。看下面的例子。在这种情况下，您可以滚动容器内的任何内容。 希望它会有所帮助。

更新： 如果你需要拖动一些背景元素，你应该通过mousemove拖动它并根据容器大小计算可见区域。

所以，用几句话来说 - 拖动图像直到其for (i in 1:5) { if (i==1) { Julian_data_first_expose[i]<-as.Date("2017-05-15") }else{ Julian_data_first_expose[i]<-Julian_data_first_expose+365*(i-1) } } 减去width大于left offset，依此类推右边，上下偏移。

container(window) width

https://jsfiddle.net/2hxz49bj/5/