2012-08-16 52 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