2012-08-16 54 views
0

一個div有沒有辦法搬遷使用JS一個div,纔能有在HTML進一步在頁面最相關的副本。但是,當涉及到最終用戶所看到的內容時,您可以靈活地隨時隨地顯示相同的副本。即...重新定位與JS

HTML:

<div id="three">Three(to be at the top of HTML but display at bottom in browser)</div> 
<div id="one">One</div> 
<div id="two">Two</div> 

瀏覽器:

One 
Two 
Three(to be at the top of HTML but display at bottom in browser) 

是否有一個教程任何地方這一點,我需要使用什麼功能?謝謝。

+0

出於興趣你爲什麼要這樣做?另外,你想什麼時候發生這種情況?點擊一個按鈕?鼠標移到?觸發器是什麼? – Kyle93 2012-08-16 10:22:37

+0

你的CSS在哪裏? – codef0rmer 2012-08-16 10:29:38

+0

我正在這樣做,以保留一個網站良好的搜索引擎優化。 'Three'將包含所有網站的原始主頁副本,'One'和'Two'將包含更好的用戶閱讀的新副本,但會減少網站的良好SEO,如果他們在頂部的HTML。 – user1590819 2012-08-16 10:53:29

回答

0

您可以使用這種JavaScript來修改CSS屬性。爲了採用與Safari用戶相同的想法,我們可以拿出這樣的代碼:

<script> 
    document.getElementById('three').style.position = 'fixed'; 
    document.getElementById('three').style.bottom = 0; 
</script> 
+0

我已經加入這個位置的頁面 - http://dev.assessmentday.co.uk/ – user1590819 2012-08-16 11:07:42

+0

我想「何必」框右側的內容的頂部在底部顯示「情境判斷」下? – user1590819 2012-08-16 11:09:02

0

寫在你的CSS,沒有JS需要:

#three { 
    position: fixed; 
    bottom: 0; 
} 
+0

由於Safari瀏覽器 - 我upoaded的變化 - HTTP://開發。 assessmentday.co.uk/ – user1590819 2012-08-16 13:32:53

+0

'爲什麼麻煩'已經移到了最底層。我需要添加什麼來保持它在容器內?再次感謝。 – user1590819 2012-08-16 13:33:38

+0

你必須在容器元素中設置絕對或相對的位置。 – Safari 2012-08-16 13:44:09