[問題] 圖片拖曳相關問題

看板Ajax作者 (闇夜 楓)時間11年前 (2013/03/26 17:38), 編輯推噓2(206)
留言8則, 4人參與, 最新討論串1/1
想請教各位前輩 小弟最近有個案子 需要圖片拖曳的功能 目前是使用jquery的draggable來處理 可是功能上有個小瑕疵 我需要展示的圖片大過我的展示區 而我無法限制它的移動範圍 如果我的展示區有另外設背景色 那我拖動圖片時就會出現部份是我想展示的圖片 部份是背景色的狀況 目前有試過用containment加四個座標 可以達成我的需求 但是這四個座標的位置卻會隨視窗的大小而變動 想請教各位前輩有什麼辦法可以達成我的需求 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.116.9.174

03/27 00:21, , 1F
需求未明
03/27 00:21, 1F
http://ppt.cc/naC8 抱歉一時找不到可以用的網頁空間 這是一個簡單的範例 我的需求就是,當我在拖動圖片時 後面的淺灰色(展示區的背景色)不要跑出來 圖片被卡在一個範圍內 不知道這樣有沒有比較清楚 有問題我可以再試著講的更清楚點 ※ 編輯: RedMapleWing 來自: 1.34.171.129 (03/27 10:23)

03/27 11:29, , 2F
自己套dragable的event寫限制啊....
03/27 11:29, 2F

03/27 13:37, , 3F
不太懂,請問可以說仔細點嗎?
03/27 13:37, 3F

03/27 16:45, , 4F
剛看了一下...這部份ui應該沒有提供很好的支援度...
03/27 16:45, 4F

03/27 16:45, , 5F
自己寫吧
03/27 16:45, 5F

03/27 16:45, , 6F
drag其實只是mousedown,mouseup兩個事件的交互而已
03/27 16:45, 6F

03/27 16:46, , 7F
看一下原始碼自己改一下 嫌難的話就自己慢慢找別的囉
03/27 16:46, 7F

03/27 17:14, , 8F
自己刻drag 難的地方是紀錄滑鼠軌跡時的去敏程式...
03/27 17:14, 8F
謝謝上面各位前輩的回覆 事實上會執著在這個部份的原因是 這個ui本身就有提供containment可設定限制範圍 我有設定成功過 但是在螢幕的寬度調整過後 設定的範圍就會跑掉 總之,就是有點臨門一腳的感覺 本來是懷疑position的問題 可是測試後卻發現沒什麼改變 我想我會去研究一下怎麼樣自己刻一個來用的 ※ 編輯: RedMapleWing 來自: 122.116.9.174 (03/27 17:24)
文章代碼(AID): #1HKMo6Tx (Ajax)