js如何实现元素滚动 整个页面不动

JavaScript024

js如何实现元素滚动 整个页面不动,第1张

通过css定位,来设置div在页面滚动中固定不动,

CSS position定位属性

static 元素框正常生产relative相对定位: 相对于正常定位进行偏移

absolute绝对定位: 相对于其包含块定位.

因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

fixed 固定定位: 相对于视窗本身定位,

元素框的表现,类似于将 position 设置为 absolute,不过其包含块是视窗本身。

<script>

window.onload = function () {

// 获取参数

function GetQueryValue1(queryName) {

var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i")

var r = window.location.search.substr(1).match(reg)

if (r != null) {

return decodeURI(r[2])