7

Bu yüzden, ekranımın sağ alt tarafında sabit bir bölüm var. Çöp kutusuna sürüklenebilen (sabit olarak yüklenebilen) bir sürüklenme listesi var ancak yatay kaydırma çubuğunun çöp kutusuna sürüklendiğinde görünmesini istemiyorum. Sürüklenebilirlerin yatay olarak kaydırılmasını istemiyorum. Sayfada aşağıya doğru düşebilecekleri başka düşüşler de vardır, böylece onlara ulaşmak için dikey olarak kaydırılmalıdır. Bu bir jsfiddle sorunudur.Jquery-ui sadece kaydırılabilir kaydırmalı dikey Sadece

Teşekkür

cevap

9

Sen sürüklenebilir unsurları containment seçeneği (doc) kullanabilir. Bu şekilde BODY öğesi içine kendi hareketini kısıtlayabilir:

$('.draggable').draggable({ 
    ... 
    containment: 'body', 
    ... 
}); 

DEMO

+0

Ancak, onu alt pencerelere sürükleyemiyorum. –

+0

Elbette yapabilirsin (ya da tam olarak problemi alamıyorum). Gövde hala görünüm alanını kaydırır, ancak imleç çok aşağı veya sağa giderse uzatmaz. –

+0

Şimdi sorun şu ki beden vücudun dibine kadar gitmiyor. –

28

amacıyla sadece izin dikey sürüklemeyle, sen sürüklenebilir bu yoldan "ekseni" özelliğini ayarlamanız gerekir:

: zaten bir başlatıldı sürüklenebilir nesne varsa
$("selector").draggable({ 
    axis: "y" 
}); 

Ve, bu şekilde ayarlamalısınız

+0

Bu benim kastettiğim şey değil. Sadece dikey olarak "kaydırmak" istedim ve yatay olarak hareket edebilirim. Soru zaten cevaplandı ama cevabınız için teşekkürler. –

+3

Bu sadece – prototype

+0

aradığım şeydi, ben de bunu arıyordum. Teşekkürler – softnayr