css和 js 改變html里面的定位。（三種方式）

<style type="text/css">#div1{border: 1px aquamarine solid;/*固定定位：此元素在整個網(wǎng)頁的位置不變,固定某處不動*/position : fixed;left: 20px;top: 10px;}#div2{/*相對定位：相對某個元素是定位的*/border: 1px pink solid;position : relative; left: 20px;top :50px;}#div3{/*絕對定位，感覺和fixed 沒太大區(qū)別，用js也可將其固定一處*/border: 1px burlywood solid;position: absolute;left: 20px;top: 70px;}</style>

js代碼改變圖片固定

<script type="text/javascript">window.onscroll = function(){var div3 = document.getElementById("div3");//滾動條滾了多少var top = document.documentElement.scrollTop;//100 是原來css設(shè)置的高度div3.style.top = 100 + top + "px";}/*凡是通過css設(shè)置樣式的，js也可實現(xiàn)但要注意以下 ：*1， 駝峰屬性* .style.backgroundImage = "url('')";*2，沒有橫線*3，后面一樣跟具體值。* */</script>

總結(jié)

以上是生活随笔為你收集整理的css和 js 改变html里面的定位。的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。