8

Jsfiddle には、ユーザーが HTML、Javascript、CSS、および Result のウィンドウのサイズを変更できる機能があります。記事とコメントを使用して、自分の Web サイトに同様の機能を実装しようとしています。コメント バーを横方向にドラッグして、コメント セクションを拡大したり、記事を拡大したりします。

私は実際にjsfiddle自体に多少機能するドラッグバーを持っています(これは非常に単純化されています):

http://jsfiddle.net/Gp5as/2/

問題は、青いコメント セクションが 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 の例を作成できます。

4

0 に答える 0