<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>如何让DIV固定在页面的某个位置而不随着滚动条随意滚动</title>
<style type="text/css">
html,body {
overflow:hidden;
margin:0px;
width:100%;
height:100%;
}/**把body中的所有信息给隐藏了**/
.virtual_body {
width:100%;
height:100%;
overflow-y:scroll;
overflow-x:auto;
}/**用一个层来模仿body**/
.fixed_div {
position:absolute;
z-index:2008;
top:0px;
left:40px;
width:800px;
height:40px;
border:1px solid red;
background:#e5e5e5;
}/**用定位来控制层的位置**/
</style>
</head>
<body>
<div class="fixed_div">I am still here!</div>
<div class="virtual_body">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
</body>
</html>
分享到：
相关推荐
面向多场景应用的光网络通感一体化架构和关键技术方案研究
该项目是基于Vue框架的Digital Twin开发设计源码，由38个文件组成，涉及TypeScript、JavaScript、Vue、CSS、HTML等多种编程语言，包括9个TypeScript文件、6个JavaScript文件、5个JSON文件、5个Vue文件、3个SVG文件、2个Markdown文件、2个WebAssembly文件、1个Git忽略文件、1个HTML文件和1个CSS文件。该源码旨在提供大学生在线学术交流的平台，助力学术创新与协作。
该项目是一款基于Java和C++技术的易涂鸦设计平台源码，包含487个文件，其中Java源文件226个，PNG图片文件135个，XML配置文件88个，其他类型文件包括brush文件7个，gradle文件4个，jpg文件4个，gitignore文件3个，properties文件3个，md文件2个，txt文件2个。该平台专注于涂鸦功能，为用户提供便捷的设计与绘图体验。
该项目是一款基于HTML、CSS和JavaScript的多人在线知识交流平台博客，设计源码包含451个文件，其中包括149个Java文件、89个JavaScript文件、60个CSS文件、42个Class文件、23个PNG图片文件、20个XML文件、17个HTML文件、12个JPG文件、6个JSON文件、5个Map文件，旨在为用户提供一个互动的知识分享与交流空间。
开关电源工作原理及电路图技术资料开发设计用的重要资料.zip
该项目是一款基于Plpgsql与Java开发的学生管理系统源码，总计包含190个文件。其中，165个为Java源文件，11个为XML配置文件，4个为YAML配置文件，2个为Git忽略文件，1个为Dockerfile，1个为LICENSE文件，1个为Markdown文件，1个为JSON文件，1个为Maven命令行脚本，以及1个为Windows命令文件。该系统旨在提供全面的学生信息管理功能。
该源码为基于Vue2、swiper和elementUI构建的电商购物网站前台设计，包含223个文件，其中包括121个PNG图片、28个JPG图片、28个Vue组件文件、22个JavaScript文件、8个JSON文件、6个CSS文件、4个JPEG图片、2个HTML文件、1个gitignore文件和1个Markdown文件。项目适用于搭建功能完善的电商购物网站前台界面。
WPF主题和语言切换功能示例
钳口校准器_三维3D设计图纸.zip
lstm时间序列预测 基于pytorch搭建多特征CNN-LSTM时间序列预测
技术资料分享技术资料笔记本大拆解图重要技术.zip
耐热链轮输送线_三维3D设计图纸.zip
本项目为基于Java和Kotlin开发的Android经典蓝牙框架设计源码，共计66个文件，涵盖17个Java源文件、16个XML布局文件、10个PNG资源文件、4个Gradle构建文件，同时包含必要的Git忽略文件、属性文件和项目规范文件。该框架支持Android传统蓝牙通信，适用于蓝牙应用开发需求。
该项目为华夏南山松养老保险系统设计源码，采用多语言开发，包含157个文件，涵盖38个SCSS样式文件、29个JavaScript脚本文件、20个Markdown文档、15个HTML页面、11个XML配置文件、9个JSON数据文件、6个C/C++头文件、4个MATLAB脚本文件、3个CSS样式文件以及3个PNG图片文件。该系统以JavaScript为主要开发语言，并整合了C、MATLAB、CSS、C++、C#、Java等多种编程语言，旨在提供全面的养老保险管理解决方案。
yuv播放器，用于多媒体开发，查看yuv格式的文件
一款纯VF控制的变频器方案方案说明:可做0.2KW7.5KW 220V，0.2KW75KW 380V，富士通MB90F462A LQFP64单片机控制，可提供源码及电路原理图，PCB图。
本项目是一款基于JetBrains平台的微信小程序插件设计源码，涉及Kotlin、TypeScript、HTML、Java等多语言开发。源码文件共计248个，其中Kotlin文件145个，XML文件19个，TypeScript文件18个，SVG文件13个，模板文件10个，HTML文件9个，Java文件8个，属性文件7个，FT文件6个，JSON文件3个。该插件致力于提升微信小程序的开发效率与用户体验。
【Python游戏开发】扫雷游戏demo图片资源素材
转子自动化焊接检测工作台_三维3D设计图纸.zip
本项目是一款基于Vue框架开发的收费系统源码，包含1133个文件，涵盖487个Vue组件、237个JavaScript脚本、195个SVG图形、142个PNG图片、19个JPG图片、11个SCSS样式表、9个CSS样式表、8个JSON数据文件、3个批处理文件和2个命令行文件。该系统以Vue、JavaScript、CSS和HTML为主要开发语言，适用于各类收费场景的设计与实现。