javascript - スクロール付き固定位置のWookmarkプラグイン

Question

これは私が持っているコードです

これが私がやろうとしていることです（要件）：

.left既知の固定幅100px
.rightposition:fixed内容に関係なくじっとしていてほしいからでしょうleft。Wookmark http://www.wookmark.com/jquery-pluginを使用した Pinterest スタイルの画像がたくさんあります。
.rightスクロールバープラグインを使用して個別にスクロールする必要があります。以下のすべてを試しましたが、どれも機能しません: no scrollbar。

position:fixedオーバーフロースクロールをさせない使い方が原因だと思っていました。しかし、CSSで調整しようとしましたが、まだスクロールが表示されません。

この時点で立ち往生しており、これを修正する方法を見つけたいと思います。以下は条件面で応相談です。

で動的な幅を設定する必要がある場合.rightは、それで問題ありません。jQuery を使用して、ウィンドウサイズの変化を検出できると思います。現在、それはずっと拡大しているからです。right:0
.leftとの両方が人工スクロールバー.rightを使用する必要がある場合は、それも問題ありません。理想的には、ブラウザーのデフォルトのスクロールバーがありますが (今日の Facebook のように:が Facebook フィードであり、チャットパネルであると想像してください).left.left.right
親要素をさらに追加する必要がある場合は、私も問題ありません。

助けてくれて本当にありがとう！

score 0 · Accepted Answer

私は最終的にslimScrollを使用しましたが、トリックはhtml構造とプラグインを適用する場所を変更することです。

これは構造です：

.scrollable
  .photo-thumbs
    %ul
      %li

プラグインの適用方法は次のとおりです。

$('.scrollable').slimScroll();
$('.photo-thumbs ul li').wookmark();

1 に答える 1