大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.方法如下:
我们提供的服务有:成都网站建设、网站设计、微信公众号开发、网站优化、网站认证、锡林浩特ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的锡林浩特网站制作公司
获取浏览器显示区域(可视区域)的高度 :
$(window).height();
获取浏览器显示区域(可视区域)的宽度 :
$(window).width();
获取页面的文档高度
$(document).height();
获取页面的文档宽度 :
$(document).width();
浏览器当前窗口文档body的高度:
$(document.body).height();
浏览器当前窗口文档body的宽度:
$(document.body).width();
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
$(document).scrollTop();
获取滚动条到左边的垂直宽度 :
$(document).scrollLeft();
获取或设置元素的宽度:
$(obj).width();
获取或设置元素的高度:
$(obj).height();
某个元素的上边界到body最顶部的距离:obj.offset().top;(在元素的包含元素不含滚动条的情况下)
某个元素的左边界到body最左边的距离:obj.offset().left;(在元素的包含元素不含滚动条的情况下)
返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offset().top(在元素的包含元素含滚动条的情况下)
返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offset().left(在元素的包含元素含滚动
jQuery Mobile让元素固定在顶部和底部,不让它消失的办法是设置绝对定位。
设置方法:
div data-role="header" data-position="fixed"
h1Fixed Header!/h1
/div
data-position:fixed就是指定固定元素
data-role:指定固定哪一类元素
具体效果如下:
兼容的写法是:将div作为body的子元素并设成绝对定位,right设为0,top设为
$(window)
+
scrollTop()
-
$("div#id").height(),同时监听页面的resize事件和scroll事件,当事件被触发时,重新定位
其实所谓的网页滚动条固定就是一个简单的判断
function scrollLis(){
var toTop = offs.top-$(window).scrollTop();
if(toTop==0||toTop0){
if(!$('.fixed-div').hasClass('add-fixed-div'))$('.fixed-div').addClass('add-fixed-div');
}else{
$('.fixed-div').removeClass('add-fixed-div');
};
};
var offs=$('.fixed-div').offset();
$(window).scroll(function(){
scrollLis();
});
我解释下代码:
在你的nav class 同时加入.fixed-div
然后在css样式表中add-fixed-div写上绝对定位
scrollLis 滚到.fixed-div的时候就会添加一个add-fixed-div 而add-fixed-div他里面有一个绝对定位的css (position:fixed)这样就完成了导航固定了
在解释下
var offs=$('.fixed-div').offset();
$(window).scroll(function(){
scrollLis();
});
这个是判断回滚的时候取消固定