필자는 행별로 요소를 삽입하는 열린 모달을 가지고 있습니다. 각 라인마다 ID 태그가 있습니다. 현재 목록이 모달 창보다 커지면 텍스트가 모달 창 하단에 숨겨집니다. 수동으로 스크롤 막대를 사용할 수 있지만 인쇄 할 때 텍스트를 모달 창에서 위로 스크롤하고 싶습니다.jquery를 사용하여 모달 내에서 요소로 스크롤하는 방법은 무엇입니까?
다음 코드로 놀았지만 모달 뒤에 웹 페이지를 스크롤합니다. 나는 또한 'html, body'를 쓸모없는 모달 요소로 대체하려고 시도했다.
$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500);
나는 닫을 것입니다. 어떤 제안?
감사
당신은 HTML과 몸에 애니메이션 메서드를 호출하는 것 같습니다.
$('html, body').animate(...);
모달 창을 스크롤하려면 해당 요소에서 애니메이션 방법을 대신 호출해야합니다.
$('#modal').animate(...);
여기에서 #modal은 내가 만든 요소가 포함 된 요소입니다.
편집 :
난 당신이 모달에 애니메이션을 호출하려고 것을 알 수있다. Here은 버튼을 클릭 할 때 모달로 요소를 스크롤하는 피들입니다. ...scrollTop: $('#Element'])...
당신이 처리 할 DIV에 CSS 스타일을 추가 할 수 있습니다 숨겨지고 내용을 보려면 : 스크립트가 에러의 원인이되는 당신이 #Element 후 닫는 대괄호가있는 코드도
$("#someDivID").css("overflow","auto");
아래의 URL에서 모든 속성을 참조 할 수 있습니다. 도움이
http://www.w3schools.com/cssref/pr_pos_overflow.asp
희망!
감사합니다. 나는 내가 게시 한 코드를 잘라내어 붙여 넣었다. 나는 그것을 바로 잡았다. 나는 모달 바디 태그가 아닌 #Modal Header 태그도 사용하고있었습니다. 어제 밤 정말 피곤했을거야. –
정답. 수락해야합니다. 고마워요! :) –