2013-04-18 15 views
10

Mam otwarty modal, który wstawiam elementy do linii po linii. Każda linia ma swój własny znacznik ID. Obecnie, gdy lista jest większa niż okno modalne, tekst zostaje ukryty w dolnej części okna modalnego. Możesz ręcznie użyć paska przewijania, ale chciałbym, aby tekst przewijał się w górę w oknie modalnym podczas drukowania.Jak przewinąć do elementu w modalu za pomocą jquery?

Odtwarzałem z następującym kodem, ale to tylko przewija stronę za modalem. Próbowałem również zastąpić "html, body" z elementami modalnymi bezskutecznie.

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

Jestem pewien, że zamykam. Jakieś sugestie?

dzięki

Odpowiedz

9

Wygląda na to są wywołanie metody animate HTML i ciała.

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

Jeśli chcesz przewinąć okno modałów, musisz zamiast tego wywołać metodę animacji tego elementu.

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

Gdzie #modal jest element zawierający utworzone elementy.

edit:

widzę, że próbował zadzwonić animowanie na modalnej. Here to skrzypce, które przewija elementy w trybie modalnym po kliknięciu przycisku.

również w kodzie masz kątownik zamykający po #Element powodującemu skrypt do błędu: ...scrollTop: $('#Element'])...

+1

Dzięki za informacje. Zepsułem cięcie i wkleiłem kod, który napisałem. Poprawiłem to. Używałem także znacznika #Modal Header, a nie modalnego znacznika body. Musiałem być naprawdę zmęczony zeszłej nocy. –

+1

Prawidłowa odpowiedź. Powinny zostać zaakceptowane. Dzięki bracie! :) –

1

Jeśli chcesz zobaczyć zawartość że są coraz ukryte można dodać styl CSS na DIV obsłużyć przepełnienie. Spowoduje to automatyczne utworzenie pionowego paska przewijania, gdy zawartość przekroczy obszar widoku DIV.

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

Do wszystkich właściwości można się odnosić pod poniższym adresem URL.

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

nadzieję, że pomoże!

Powiązane problemy