div他のdivにラップされたときにスクロールする

Question

私はスクロール可能なdivを持っています。下にスクロールしてdivを別のdivに折り返すと、スクロール位置が上にリセットされます。どのようにスクロール位置を保持する上の任意のアイデア？

HTML：

<div class="box"><p>Lorem ipsum...</p></div> 
<button onclick="wrapme()">wrap me!</button> 

JS：

function wrapme(){ 
    $(document.body).wrapInner($("<div>", { class: "wrapper" })); 
} 

はCSS：

.box { 
    width: 400px; 
    height: 200px; 
    overflow: auto; 
    border: 1px solid #000; 
} 

.wrapper { 
    border: 1px solid blue; 
} 

JSFiddle：https://jsfiddle.net/gyd3r70k/5/

Answer 1

あなたは、テキスト "scrollTopスプライト" を監視し、保存する必要があります。
はこれを試してください：あなたはあなたのウェブサイトにJSが含まれないhttp://codepen.io/g1un/pen/rrzAVk?editors=1111

function wrapme(){ 
    var top = $('.box').scrollTop(); 
    $(document.body).wrapInner($("<div>", { class: "wrapper" })); 
    $('.box').scrollTop(top); 
}