jQuery Sürüklenebilir ekrandan çıkarır

Question

Kullanıcı, bir pencerenin başlık çubuğunu yakalayıp sağa doğru tamamen sürüklediğinde, sayfa sağa doğru kaydırmaya başlar. Bunu önlemenin bir yolu var mı?

Yeniden üretmek için: https://jqueryui.com/draggable/ Pencereyi sağa sürükleyin.

html ve body etiketlerinde overflow: hidden var. Burada başka ne yapılacağından emin değilim. Pencerede muhafaza seçeneğini kullanmamayı tercih ediyorum çünkü ekranın biraz kaymasını istiyorum.

Answer 1

jQuery UI Draggable'u kullandığınızda, Containment adı verilen bir seçeneğiniz vardır. İçinde, içinde sınırlandırılması gereken ebeveyni belirtebilirsiniz. Senin durumunda, ebeveyn body olmalıdır.

$("#outlook").draggable({ scroll: false }); 

Answer 2

bu deneyin:

alternatif olarak, scroll option kullanabilirsiniz ana unsur adında bir div olduğunu düşünelim 'MyWindow';

document.getElementById('myWindow').scrolling = "no";