2013-04-18 15 views
10

Öğeleri satır satır içine eklediğim bir açılmış modelim var. Her satırın kendi kimlik etiketi vardır. Şu anda liste modal pencereden daha büyük büyüdükçe, metin sadece modal pencerenin altına gizleniyor. Kaydırma çubuğunu elle kullanabilirsiniz, ancak metnin yazdırıldığı gibi kalıcı pencerede yukarı kaydırılmasını isterim.JQuery kullanarak bir model içindeki bir öğeye nasıl kaydırılır?

Aşağıdaki kodla oynamıştım, ancak bu yalnızca web sayfasının arkasındaki sayfayı kaydırıyor. Ayrıca 'html, body' modunu kalıcı elemanlarla değiştirmeyi denedim.

$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500); 

Eminim kapatıyorum. Baska öneri?

sayesinde

html ve vücut üzerinde animasyon yöntemi aradığınız gibi görünüyor

cevap

9

.

$('html, body').animate(...); 

Model penceresini kaydırmak istiyorsanız, bu öğedeki animasyon yöntemini çağırmanız gerekir. #modal

$('#modal').animate(...); 

oluşturduğunuz unsurları içeren unsurdur.

düzenleme:

Sana modal üzerinde animasyon aramaya çalıştı görüyoruz. Here, düğmeyi tıklattığınızda öğeleri bir modda kaydıran bir kemandır. ...scrollTop: $('#Element'])...

+1

Bilgi için teşekkürler. Gönderdiğim kod için kestim ve yapıştırdım. Onu düzelttim. Ayrıca #Modal Header etiketini kullanıyordum ve modal gövde etiketini kullanmıyordum. Dün gece gerçekten çok yorulmuş olmalıyım. –

+1

Doğru cevap. Kabul edilmeli. Teşekkürler kardeşim! :) –

1

Eğer işlemek için DIV bir CSS stil ekleyebilir gizli alıyorsanız içeriğini görmek istiyorsanız: komut hata neden oluyor sen #Element sonra bir kapanış parantezi var kodunda da

taşma. Bu içerik, içerik DIV görünüm alanını aştığında sizin için otomatik olarak bir dikey kaydırma çubuğu oluşturacaktır.

$("#someDivID").css("overflow","auto"); 

Tüm özellikler aşağıdaki URL adresinden başvurulan olabilir. yardımcı olur

http://www.w3schools.com/cssref/pr_pos_overflow.asp

Umut!

İlgili konular