0

必要に応じて要素をページの下部に動的に固定する JavaScript スクリプトを作成しようとしています。これが私のコードのサンプルです：

thebox.style.right = (window.innerWidth - topleft.Left - abs.Left - thebox.offsetWidth)+'px'
thebox.style.left = ''
thebox.style.top = (topleft.Top - abs.Top)+'px'
thebox.style.bottom = ''

このコードは、要素をページの上部と右側に固定したいときに呼び出されます。他のコードは、他のアンカー位置に対して呼び出されます。

問題は、要素が最初にページの右側に固定されていた場合にのみ、ページの右側に固定されることです。もともと右に固定されていたものを左に動的に固定すると、左に正しく固定されます。そして、それを右に固定すると、正しく右に固定されます。しかし、それが右に固定されていない場合、私が何をしても右に固定されることはありません。

私は何を間違っていますか？

4

2 に答える 2

0

これを使ってみてくださいこれが解決策かどうかはわかりませんが、試してみる価値があるかもしれません。

//anchoring left 
thebox.style.left= '0';
thebox.style.right= 'auto';

//anchoring right
thebox.style.left= 'auto';
thebox.style.right= '0';

それがうまくいくことを願っています

于 2012-08-01T23:08:26.910 に答える
0

私の理解が正しければ、要素を配置するために JavaScript は必要ありません。要素をbodyレベルで追加して絶対配置すると、CSS だけで実現できます。次に、任意の要素の位置を変更するには、JS で適切なクラスを動的に割り当てます。

デモ: http://jsfiddle.net/elclanrs/x8CTY/

于 2012-08-01T23:14:05.540 に答える