css:
.divTxt{ width:500px; height:500px; background:#f60; border:10px solid #000; margin:100px 0 0 100px; text-align:center; line-height:500px;}
<script>
var divPos = $(".divTxt").offset();
var PosL = divPos.left;
var PosT = divPos.top;
$(".divTxt").html("Left:" +PosL+",Top:" + PosT);
</script>
显示结果:
HTML同上
<script>
var divPos = $(".divTxt").innerWidth();
$(".divTxt").html("宽度:" +divPos);
</script>
显示结果:
HTML 同上
<script>
var divPos = $(".divTxt").outerWidth();
$(".divTxt").html("宽度:" +divPos);
</script>
显示结果:
HTMl:同上
<script>
$(this).scroll(function(){
var divPos = $(this).scrollTop();
alert(divPos)
})
</script>
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;
浮标:
HTML:css:同上
<script>
$(this).scroll(function(){
var divPos = $(this).scrollTop();
if(divPos == 0){
$(".t1").css({display:"none"});//当网页在顶部时,t1层隐藏
}
else{
$(".t1").css({display:"block"});
$(".t1").css("top",100 + $(this).scrollTop());
$(".t1").css("left",100 + $(this).scrollLeft());
}
})
</script>
相关推荐
JQuery常用函数及功能 这些很好用!对javascript 很有帮助
jQuery函数全解析
内容包括:jQuery Ajax 操作函数,jQuery 选择器,jQuery 事件处理方法,jQuery 事件方法,jQuery 效果函数,jQuery 文档操作方法,jQuery 属性操作方法,jQuery CSS 操作函数,jQuery 遍历函数
jQuery常见函数包含jQuery中用到的常用函数,读者可以借鉴参考,个人觉得很不错
对jquery中api函数的描述,十分详细,是开发者所必备的chm文档
jQuery的位置函数(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeight(),scrollTop(),scrollLeft())小应用
jquery 常用 函数 收集了在开发中常用的jquery 函数
js JQuery验证电子邮箱的函数
jquery 函数大全 基础函数实现的方法 函数的说明。很齐全哦!
jquery的一些操作函数,总结。。方便应用,,及时查找
强大的运用jqueryApi 封装了很多js的应用以及css选择器 让懂css的人很容易上手
JQuery功能函数JQuery功能函数
JQuery各Ajax函数说明。jQuery提供了AJAX全局函数的定义,以满足特殊的需求。下面是jQuery提供的所有函数(按照触发顺序排列如下)
NULL 博文链接:https://hyj1254.iteye.com/blog/586984
从JQuery帮助文档里整理出来的常用到的函数,便于查看~
使用jquery封装函数搭建前后端完全分离框架,对静态页面模块化,减少重复工作量。
此文档包含了jquery中十大重要的常用的函数。
jquery核心函数_.docx
JSJQUERY常用函数.pdf