div固定位置，不随滚动条滚动

最新推荐文章于 2020-06-18 09:53:08 发布

zongxiao08

最新推荐文章于 2020-06-18 09:53:08 发布

阅读量524

点赞数

Html代码

<html>
<head>
<title>div固定位置，不随滚动条滚动</title>
<style type="text/css">
html,body {
overflow:hidden;
margin:0px;
width:100%;
height:100%;
}
.virtual_body {
width:100%;
height:100%;
overflow-y:scroll;
overflow-x:auto;
}
.fixed_div {
position:absolute;
z-index:2008;
bottom:20px;
left:40px;
width:800px;
height:40px;
border:1px solid red;
background:#e5e5e5;
}
</style>
</head>
<body>
<div class="fixed_div">我永远在这里，哪也不去</div>
<div class="virtual_body">
<div style="height:888px;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
滚动条是把杀猪刀
</div>
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zongxiao08

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

08-14

如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

div不随滚动条的移动而改变位置

01-12

div固定在屏幕的一个位置，不随滚动条的拖动而改变位置

参与评论您还未登录，请先登录后发表或查看评论

固定DIV不随滚动条滚动

weixin_34233856的博客

07-22

600

【webQD】☆★之固定DIV不随滚动条滚动在项目开发中，有的页面的某些按钮，我们是不想让他跟着滚动条滚动的，比如，添加页面，有很长的内容添加，在往下滚动添加的过程中，我们始终想看到保存按钮。OK！<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.o...

在滚动div上的div不随滚动条滚动

longxzq的专栏

12-01

360

在滚动div上的div不随滚动条滚动原因是浮动层样式 z-index 设置不准确，滚动div上的div的z-index 得大于滚动div的z-index

DIV不随滚动条而滚动

e_yohn的专栏

10-11

907

.top {top:0px; height:28px; width:100%; position:fixed; background:#EBEBEB; border-bottom:1px solid #000000; text-align:center;} title

css将div层固定显示在页面底部不随滚动条滚动

12-13

总结来说，要创建一个不随滚动条滚动而始终保持在页面底部的div元素，我们使用了CSS的position属性，并将其值设为fixed。这样我们就可以通过调整right和bottom属性来控制元素距离窗口边缘的位置，同时设置width和...

固定Table第一行或某几行不随滚动条滚动而滚动

01-19

样式：复制代码代码如下: .fixedHead { position: relative; top:[removed]this.offsetParent.scrollTop-2);...复制代码代码如下: <div> ”con_tbl”> ”fixedHead”> 标题不动</th> </tr> ”code”> <t

jQuery判断div随滚动条滚动到一定位置后停止

10-26

在进行网页开发时，我们常常需要实现一些交互效果，例如让一个div元素在滚动条滚动到页面的一定位置后停止随滚动条一起滚动。本文将介绍如何使用jQuery来实现这一功能。首先，我们需要了解几个基本概念。在使用...

DIV随滚动条滚动而滚动的实现代码【推荐】

11-23

在网页设计中，有时我们...本文将详细讲解如何利用jQuery实现`DIV`随滚动条滚动的效果。首先，我们需要引入jQuery库。在HTML文件中，我们可以在`<head>`部分添加如下代码来引用jQuery 1.7.2的最小化版本： ```html ...

js实现像excel表格锁定功能，拖动滚动条指定锁住的列不滚动

01-09

js实现像excel表格锁定功能，拖动滚动条指定锁住的列不滚动，内容使用的是table表格使用代码： var Options = { table : "tb", width : 600, height : 300, rows : 1, cells : 2 } new Fixed(Options);

js可拖动滚动条-插件

11-16

js实现简易可拖动滚动条，可自行修改样式和赋值，无需引入文件。 js实现简易可拖动滚动条，可自行修改样式和赋值，无需引入文件。 js实现简易可拖动滚动条，可自行修改样式和赋值，无需引入文件。

div浮动不随滚动条滚动

zhoupuyue的专栏

02-16

328

<div style="position:fixed;top:200px;right:0px;"></div>

DIV固定不动，不随滚动条滚动且不闪动

weixin_33785108的博客

03-11

222

<!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>&...

div标签固定位置不随滚动条或页面滚动

小熊猫

06-18

965

上代码 <form class="layui-form" action=""> <div class="layui-inline" style="position:fixed; left:2px; top:2px; z-index:99;"> <a class="layui-btn setTemp" lay-filter="Search" style="width: 100px;" lay-submit="">分配模板</

固定div位置，不随滚动条上下动

AinUser的博客

12-30

7846

1、position div中的style属性中的一个关键字，表明了该div所在的位置以及位置本身的属性。 position有四个值可选：static，absolute，fixed，relative。若要使得div相对于浏览器窗口固定，即不随滚动条的变化而上下移动，可以用fixed属性。最近比较忙，抽不出时间来具体的写详细用法，具体的用法见：http://blog.csdn.n

【jQuery笔记Part2】01-jQuery显示&隐藏&切换动画&侧边广告案例

萌宅鹿的技术小屋

08-25

420

01-jQuery动画jQuery动画动画分类HTML DOM position 属性定义和用法显示 show(毫秒, 完成回调函数)隐藏 hide(毫秒, 完成回调函数)切换 toggle(毫秒, 完成回调函数)案例：两侧浮动广告显示或者隐藏控制 jQuery动画通过 jQuery 动画方法，能够很轻松地为网页添加非常精彩的视觉效果给用户一种全新体验。动画分类显示、隐藏滑动、卷动淡...

固定div位置,不随滚动条上下动