css 禁用浏览器滚动条,初始最外层包含容器 wrapper
2024-09-30 11:16:47
浏览器默认的视窗会随着滚动条滚动,绝对定位的元素会随着滚动条滚动,为了解决这个问题我们需要禁止浏览器的滚动条,然后在代码的最外层初始化一个 div(最外层包含容容器代替默认的视窗),是滚动天出现在最外层容器上,从而解决决定定位的元素滚动的问题。CSS 代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <style type="text/css"> *{
margin: 0;
padding: 0px;
}
html,body{
height:100%;
overflow: hidden;
} #wrapper{
height:100%;
overflow: auto;
}
</style>
</head>
<body>
<div id="wrapper">
<div style="height: 200px; width:200px;background-color: pink;position:absolute; left: 20px;top:20px;"></div>
<div style="height: 2000px;"></div>
</div>
</body>
</html>
最新文章
- RTP与RTCP协议介绍(转载)
- C#开发EyeLink眼动仪的实验程序
- ie11浏览器和chrome浏览器对于bgsound和background的一些区别
- Java基础之网络编程
- AC日记——大小写字母互换 openjudge 1.7 14
- Page传回页面的值问题
- Xcode离线安装帮助文档
- Notes of learning AutoLayout
- JS中 toString() &; valueOf()
- [py]os.walk爬目录&sys.argv灵活获取参数
- 2015-11-04 报表(c#部分)(Datatable 查询,弹出日期控件,输入是否整数)
- HTML5+CSS3-机器猫
- MYSQL: Cannot delete or update a parent row: a foreign key constraint fails
- SSM所需的jar
- FFT &; FNT 简要整理
- 图解HTTP第四章
- AngularJS_自定义控件_笔记1
- h5+js视频播放器控件
- AtCoder Regular Contest 102 D - All Your Paths are Different Lengths
- java常用设计模式十一:策略模式
热门文章
- nginx常见应用实例
- Python基础01 集合
- spring源码阅读笔记10:bean生命周期
- Java——Spring超详细总结
- Codeforces Round #563 (Div. 2) A-D
- php报错:strip_tags() expects parameter 1 to be string, array given
- SpringBoot:扩展SpringMVC、定制首页、国际化
- spring学习笔记(五)自定义spring-boot-starter(1)
- hadoop文件系统常用操作
- 设计模式之GOF23代理模式01