當我動態更改底部屬性時，元素不會錨定到屏幕底部

我正在嘗試編寫一個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 = ''

此代碼調用。其他代碼被稱爲其他錨位置。

問題是，如果元素最初錨定在頁面的右側，它將只錨定在頁面的右側。當我動態地將一些東西錨定到最右側時，它會正確地錨定在左側。當我將它固定在右側時，它正確地固定在右側。但是，如果它從來沒有固定在正確的位置上，那麼無論我做什麼，它都不會停留在正確的位置。

我在做什麼錯？

來源

2012-08-01 Nathan Foster

多一點的情況下，將有助於...也許做的jsfiddle一個簡單的例子？ – KTastrophy 2012-08-01 23:08:48

嘗試使用此Im我不確定這是否是解決方案，但它可能值得一試。

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

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

希望工程

來源

2012-08-01 23:08:26

如果我理解正確的，你並不需要JavaScript來的元素定位。如果您在body級別添加元素並將它們絕對定位，則只需使用CSS即可實現。然後改變任何元素的位置，只需在JS中動態分配適當的類。

演示：http://jsfiddle.net/elclanrs/x8CTY/

來源

2012-08-01 23:14:05 elclanrs

當我動態更改底部屬性時，元素不會錨定到屏幕底部

回答

相關問題