SimpleModal 대화 상자에서 스크롤 위치를 유지하는 방법

Question

다시 열 때 모달 대화 상자 내에서 스크롤 가능한 div의 스크롤 위치를 어떻게 유지할 수 있습니까?

<div id="basic-modal-content"> 
    <h3>Scrollable Modal Dialog</h3> 
    <div style="width: 150px; height:100px; overflow: auto;"> 
     a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br> 
    </div> 
</div> 

Answer 1

내가 간단한 모달이 솔루션을 테스트하고이 기본 대화 데모를 사용하는 경우가

작동, 그냥 변경 다음과 같이

나는 simplemodal의 기본 다운로드 변형 예 이 코드의 파일은 basic.js입니다. 대화 상자가 닫히기 전에 scrollTop을 가져오고 대화 상자가 다시 열릴 때 재설정합니다. 우리는 때문에 SimpleModal 작동 방식마다 사업부의 전체 선택을 호출 할 수 있습니다

$(document).ready(function() { 
    var scrollTop = null; 
    $('#basic-modal input.basic, #basic-modal a.basic').click(function (e) { 
    e.preventDefault(); 
    $('#basic-modal-content').modal({ 
     onShow: function(){ 
     if(scrollTop !== null) $('#basic-modal-content > div').scrollTop(scrollTop); 
     }, 
     onClose: function(){ 
     scrollTop = $('#basic-modal-content > div').scrollTop(); 
     $.modal.close(); 
     } 
    }); 
    }); 
});