zoukankan
html css js c++ java
ie浏览器div随滚动条滚动
第一种方法:
html,body{height:100%; 100%; overflow:hidden}
#content{ height:100%; overflow:auto; overflow-x:hidden; 100%}//#content可换成body
<
div
id
="content"
>
<
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/> <
br
/><
br
/><
br
/><
br
/><
br
/>
<
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/>
<
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
>
<
div
style
="200px; height:200px; position:absolute; z-index:1; border:solid 1px #000000; left:0; top:80px; background:#eee;"
>
</
div
>
第二种方法:
<!
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
>
<
title
>
Untitled Page
</
title
>
</
head
>
<
body
>
<
div
style
="height: 1000px"
>
</
div
>
<
img
id
="imgico"
style
="position: absolute"
src
="http://www.baidu.com/img/baidu_logo.gif"
/>
</
body
>
</
html
>
<
script
type
="text/javascript"
>
function
$(id)
{
return
document.getElementById(id);}
function
ScrollImg(id)
{
var
img
=
$(id);
img.style.top
=
(document.documentElement.scrollTop
+
(document.documentElement.clientHeight
-
img.offsetHeight)
/
2)+"px";
}
$(
"
imgico
"
).style.left
=
(document.documentElement.clientWidth
-
$(
"
imgico
"
).offsetWidth)
+
"
px
"
;
ScrollImg(
"
imgico
"
);
window.onscroll
=
function
()
{
ScrollImg(
"
imgico
"
);
}
</
script
>
查看全文
相关阅读:
EF架构~Dapper.Contrib不能将Linq翻译好发到数据库,所以请不要用它
docker~aspnetcore2.0镜像缺少libgdiplus问题
DotNetCore跨平台~Quartz定时单次任务
Java学习笔记——JDBC之与数据库MySQL的连接以及增删改查等操作
可爱的玩笑
树蛙和摄影师
axis WebServices 完美调用天气预报,查询、显示 代码!
跟随一生的帐号密码
[置顶] VB6基本数据库应用(三):连接数据库与SQL语句的Select语句初步
Citrix 服务器虚拟化之九 Xenserver虚拟机的XenMotion
原文地址:https://www.cnblogs.com/554006164/p/1510029.html
最新文章
Docker&Kubernetes沙龙干货集锦:容器集群管理利器kubernetes详谈-CSDN.NET
大众点评的大数据实践-CSDN.NET
知道创宇爬虫题--代码持续更新中
Spock Proxy
Spock Proxy
Spock Proxy
大众点评的大数据实践-CSDN.NET
用Kettle的一套流程完成对整个数据库迁移
HOST1PLUS 的 VPS 主機-絕佳的性能和特惠的價格
请教大家,如何使用sed命令,替换文件指定行的内容呢?-Linux系统管理-ChinaUnix.net
热门文章
Linux incrond inotify: Monitor Directories For Changes And Take Action
使用incrontab监控文件夹变化,执行指定命令_树莓派求助&教程_ICKey电子工程师论坛-ickey电子工程师社区
Nginx + pserve + supervisord — The Pyramid Cookbook v0.2
HOST1PLUS 的 VPS 主機-絕佳的性能和特惠的價格
Welcome to LWN.net [LWN.net]
Chronos首页、文档和下载
Mesosphere Marathon首页、文档和下载
HOST1PLUS 的 VPS 主機-絕佳的性能和特惠的價格
微服务~Eureka实现的服务注册与发现及服务之间的调用
docker~aspnetcore2.0镜像安装软件的加速器
Copyright © 2011-2022 走看看