是否有一種簡單的方法來處理由單擊並拖動到div上的左側或右側組成的運動事件,以便製作經典滑塊。
這個想法是做類似於iPhone應用程序的滾動,但用鼠標左鍵單擊。處理單擊並拖動運動以使用mootools或jquery水平滾動
5
A
回答
7
你的意思是這樣的嗎?
var x,y,top,left,down;
$("#stuff").mousedown(function(e){
e.preventDefault();
down = true;
x = e.pageX;
y = e.pageY;
top = $(this).scrollTop();
left = $(this).scrollLeft();
});
$("body").mousemove(function(e){
if(down){
var newX = e.pageX;
var newY = e.pageY;
$("#stuff").scrollTop(top - newY + y);
$("#stuff").scrollLeft(left - newX + x);
}
});
$("body").mouseup(function(e){down = false;});
單擊區域並拖動裏面走動的股利。它快速而骯髒,但如果這就是你的意思,這是一個很好的起點。除非有一個現有的插件。
1
相關問題
- 1. Mootools的水平滾動條
- 2. jquery拖動水平滾動時的bug
- 3. jQuery單擊並拖動/滾動窗口:鋸齒狀運動
- 4. 處理js - 水平滾動
- 5. 處理水平滾動
- 6. 拖動,拖放和水平滾動
- 7. jQuery水平滾動(點擊和動畫)
- 8. 禁用水平拖動滾動
- 9. GWT禁用水平拖動滾動
- 10. jQuery水平滾動?
- 11. 水平滾動jquery
- 12. DataGridView自動水平滾動列拖放
- 13. jQuery平滑水平滾動
- 14. jQuery水平滾動(單擊時滑動div)
- 15. 左側水平滾動+ 50px點擊jQuery
- 16. jQuery水平滾動到DIV點擊
- 17. 水平滾動不與jquery點擊
- 18. AJAX使用滾動條水平滾動
- 19. 水平滾動面板通過鼠標拖動或使用鼠標滾輪
- 20. Haxe:處理水平滾動事件
- 21. 想要拖動我的div水平滾動顯示滾動
- 22. 水平動畫滾動到div點擊
- 23. 水平滾動+滾動條
- 24. jQuery UI可拖動 - 滾動垂直和水平問題
- 25. 垂直滾動的JQuery-UI水平拖動
- 26. 如何使用jquery水平滾動
- 27. 使用JQuery/Javascript水平滾動
- 28. jQuery水平滾動顯示
- 29. jquery水平滾動錯誤
- 30. jQuery水平光標滾動
感謝德編輯@尼古拉斯 – Agorilla 2011-05-02 00:48:55