博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于js实现绝对定位的问题
阅读量:6830 次
发布时间:2019-06-26

本文共 511 字,大约阅读时间需要 1 分钟。

hot3.png

下面写一下关于绝对定位的问题;很多初学者对绝对定位又爱又恨,爱的是能很方便定位,恨的是它的定位原点不一定:有的是根据浏览器窗口定位,

有的是根据文档流定位,下面我说一下自己的效果,当文档流的高度小于浏览器窗口高度时,定位在最下面,否则,随文档流移动,但一直处于最下面,
window.onload = function(){
if(document.body.scrollHeight>document.documentElement.clientHeight ){
$("#要定位的div").css("position","static");
$("#要定位的div").css("margin-top","10px");
}else{
$("#要定位的div").css("position","absolute");
$("#要定位的div").css("bottom","0");
}
};
// document.body.scrollHeight 是你自己的文档流的高度,后面是浏览器窗口的高度;
希望对大家有帮助

转载于:https://my.oschina.net/fuckBAT/blog/316418

你可能感兴趣的文章
运行Perl程序
查看>>
php中出现问题Call to undefined function curl_init()
查看>>
Git常用命令
查看>>
maven update project 会自动引用JAVASE1.5的问题解决办法
查看>>
Android自定义控件(一)自绘控件
查看>>
【自用】Android 得到全屏+屏幕分辨率 + (AppCompatActivity去标题栏)
查看>>
iOS开发3:UITextField控件的属性
查看>>
netty源码解析
查看>>
ODOO Unable To Find Wkhtmltopdf On This System.
查看>>
java关键字--this
查看>>
codewars065 - Backwards Read Primes
查看>>
为什么调用 FragmentPagerAdapter.notifyDataSetChanged...
查看>>
class文件加密,class文件数据库加载
查看>>
Kubernetes 集群安装
查看>>
apache server
查看>>
forward与sendRedirect
查看>>
spring管理serlvet
查看>>
SDL_AudioSpec结构体分析
查看>>
Maven工程发布tomcat无lib包问题
查看>>
使用Scrapy来爬取自己的CSDN文章 (2)
查看>>