Javascript jqueryUI可拖动鼠标偏移量

尝试编写与ios8锁屏类似的代码，使可拖动项仅在x轴上移动

$（“#IDlsDragable”）.draggable（{axis:“x”}）
.lockscreen{
位置：固定；
顶部：0px；
左：0px；
宽度：100%；
身高：100%；
背景色：rgba（89,54158,1）；
背景图像：url（'../pics/wall.png'）；
背景尺寸：封面；
背景位置：中心；
}
.锁屏面{
位置：绝对位置；
顶部：0px；
左：1080px；
宽度：1080px；
高度：1920像素；
}
.锁屏滑块{
位置：绝对位置；
顶部：0px；
左：-1080px；
宽度：200%；
身高：100%；
}
.锁屏钟{
位置：绝对位置；
顶部：110px；
左：0px；
宽度：100%；
高度：300px；
字体大小：296px；
颜色：白色；
文本对齐：居中；
}
.lockscreenDate{
位置：绝对位置；
顶部：432px；
左：0px；
宽度：100%；
高度：80px；
字体大小：60px；
颜色：白色；
文本对齐：居中；
}
.LockScreen SlideText{
位置：绝对位置；
底部：234px；
左：0px；
宽度：100%；
高度：80px；
字号：80px；
字体大小：粗体；
颜色：白色；
文本对齐：居中；
背景：url（'../pics/highlight.png'）；
-webkit动画：slidetounlock 3s无限线性；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}
.LockScreen SlideText:之前{
内容：“\f105”；
字体系列：Fontsome；
字体风格：普通；
字体大小：正常；
字号：85px；
线高：1；
-webkit字体平滑：抗锯齿；
}
@-webkit关键帧滑动解锁{
0% {
背景位置：-880px 0；
}
100% {
背景位置：0px 0；
}
}

#时间#
#日期#
滑动解锁

这会导致鼠标偏移量出现问题
请将你的CSS发布到你能提供一个JSFIDLE.net吗？刚刚添加了CSS，我可以添加一个JSFIDLE，如果我也注意到我不能在internet explorer中复制这个问题的话。但测试起来有点困难，因为我是如何确定大小的，这可能会有帮助：
transform:scale([anything]);