0

常にページの下部に配置され、左側に 172 ピクセル、右側に 383 ピクセルの div が必要です。

この div には、いくつかの画像とテキスト、および左右のボタンがあります。たとえば、マウスを右ボタンの上に置くと、div の幅制限に達した後、「非表示」だったコンテンツが右から表示され始め、コンテンツが左にスライドします。

使ってみposition:fixed; bottom:0pxたのですが、divのマージンが取れず、画面サイズが変わっても横幅が変わらない…

たとえば、これはまさに私が望むものです (下部の黒い div):

ここに画像の説明を入力

私が望むことを行うjqueryプラグインを知っている場合、またはこのようなことを行う方法を知っている場合は、助けてください!

4

2 に答える 2

2

をご利用の場合position: fixed、マージンは適用できません。leftただし、属性と属性を指定できますright。

position: fixed;
right: 383px;
bottom: 0;
left: 172px;

私はそれがあなたが求めているものではないことを知っていますが、水平スクロールバーが表示されるように、その div に属性white-spaceと属性を設定できます。overflow

white-space: nowrap;
overflow: auto;

ユーザーは、下部のスクロールバーを使用して div のコンテンツを移動します。例を次に示します: http://jsfiddle.net/rustyjeans/5nv84/

jQuery セットを使用して divoverflow: hiddenを調整するいくつかの関数を追加しscrollLeft、ホバー時にそれらの関数を呼び出すいくつかのコントロールを追加します。例を次に示します: http://jsfiddle.net/rustyjeans/FtSGn/

于 2012-10-24T22:37:14.240 に答える
0

これはそれほど難しいことではありません。ビューアのサイズを持つ包含 div が必要です。次に、その内部に div を配置し、絶対位置とビューアーの幅を超える寸法を指定します。矢印がホバーされたら、jquery を使用して、内側の div の「左」CSS プロパティを変更します。それは役に立ちましたか？

編集: 外側の div には「position: relative;」が必要です。内側の div がそのマージンに対して相対的に配置されるようにします。

于 2012-10-24T22:36:14.683 に答える