Jsfiddle には、ユーザーが HTML、Javascript、CSS、および Result のウィンドウのサイズを変更できる機能があります。記事とコメントを使用して、自分の Web サイトに同様の機能を実装しようとしています。コメント バーを横方向にドラッグして、コメント セクションを拡大したり、記事を拡大したりします。
私は実際にjsfiddle自体に多少機能するドラッグバーを持っています(これは非常に単純化されています):
問題は、青いコメント セクションが 25px 隠れているため、バーを右にドラッグするとコメント セクションが非対称になることです。
主な部分は 2 つあります。
<div class="main">
...
</div>
と
<div id="sidebar">
<span id="position"></span>
<div id="dragbar"><div id="dragtext">Comments</div></div>
<div id="comment-container">
<div id="comment">
Comments
</div>
</div>
</div>
メインは記事、サイドバーはコメントです。ドラッグ バーはサイドバー フロートの内側にあります: 左。
自分の目的のためにドラッグ機能を実装する方法を考えています。私の jsfiddle の例を変更するか、簡単にカット アンド ペーストできる jsfiddle の例を作成できます。