Chrome/Safari中的可拖動功能無法正常工作

每當您嘗試拖動需要向下滾動以查看的圖像時（任何第一次加載時都不可見），圖像就會被拍攝到頁面的頂部，而不是停留在光標。這隻發生在Chrome或Safari上，在Firefox中效果很好。我試過了Draggable以外的方法來解決這個問題，但它們只是導致了其他問題。Chrome/Safari中的可拖動功能無法正常工作

下面是所需的代碼的最簡單的版本，我只是找不到合適的班級使用，但答案一定是某個地方here

$("img").draggable({ stack: "img" });

我相信這是使用jQuery-UI-1.10.0 .custom.min.js用於拖曳功能。

這裏是URL它正在測試在：http://julian-berman.com/test/2/

所以幾乎不知道如何調整初始窗口容器外部的圖像的Y位置，我不能爲生命我想出瞭如何做到這一點。

來源

2013-03-17 Corey Tegeler

所有的CSS和JS鏈接都會返回404。請務必首先檢查控制檯是否有錯誤。 – Mooseman 2013-03-17 22:43:50

啊，完全是我的錯，剛開始測試一臺新服務器，並在這裏上傳錯誤的文件，我會在第二次修復這個錯誤 – 2013-03-17 23:02:09

檢查新的鏈接！ – 2013-03-17 23:05:02

將圖像位置從relative更改爲absolute有幫助。但我認爲你應該嘗試使可拖動而不是圖像，但它的父div。所以：

$(".photo").draggable({ handle: "img", stack: ".photo" });

來源

2013-03-17 23:14:16 Webars

謝謝，我會試試看，.photo div，爲了間距的目的）通常是一個超大的盒子，所以它可以讓你拖走我不想要的圖像。 – 2013-03-17 23:37:33

哦，等等，這是什麼處理是哈哈 – 2013-03-17 23:48:13

哇，謝謝你的代碼工作，雖然改變任何其他元素爲'絕對'不允許圖像出現在頁面上。 – 2013-03-17 23:50:53

Chrome/Safari中的可拖動功能無法正常工作

回答

相關問題