JQuery常用方法
来源:互联网 发布:山东实验中学校服淘宝 编辑:程序博客网 时间:2024/06/02 02:27
console.log($(window).height()); //浏览器当前窗口可视区域高度console.log($(document).height()); //浏览器当前窗口文档的高度console.log($(document.body).height());//浏览器当前窗口文档body的高度console.log($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding marginconsole.log($(window).width()); //浏览器当前窗口可视区域宽度console.log($(document).width());//浏览器当前窗口文档对象宽度console.log($(document.body).width());//浏览器当前窗口文档body的高度console.log($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin//滚动到顶部function pageScroll() { $('html, body').animate({ scrollTop: 0 }, 'fast');}//绑定浏览器窗口大小改变事件$(window).resize(function() { var width = $(this).width(); if(width > 1400) { setPanel(); } else { setPanelNarrow(); }});//获取当前页面偏移量var sTop = document.documentElement.scrollTop + document.body.scrollTop;if(sTop < 800) { $("#scrollToTop").hide();} else { $("#scrollToTop").show();}//绑定窗口滚动事件$(window).scroll(function() { //获取窗口的滚动条的垂直位置 var s = $(window).scrollTop(); if(s > 800) { $("#scrollToTop").fadeIn(100); } else { $("#scrollToTop").fadeOut(200); };});//禁止页面滑动$("body").on("touchmove", function(event) { event.preventDefault;}, false)//解除禁止$("body").off("touchmove")
阅读全文
0 0
- jquery 常用方法归纳
- JQuery常用方法
- JQuery 常用方法基础教程
- JQuery 常用方法基础教程
- jQuery常用方法
- JQuery 常用方法大全
- Jquery常用方法
- jquery常用方法总结
- Jquery 常用方法
- jquery常用方法备忘
- jquery 常用方法集锦
- jquery常用方法总结
- jquery常用方法
- JQuery 常用方法基础教程
- JQuery常用方法一览
- JQuery常用方法一览
- JQuery常用方法一览
- JQuery常用方法一览
- 【笔记】双十一「剁手」背后的客服暗战
- 讲给Android程序员看的前端教程(16)——伪类
- linux 中数据的含义 /proc/sys/fs/file-nr
- MSP430学习的第一个模拟I2C程序
- kkpager分页插件的Ajax数据变化但是页码不变的问题
- JQuery常用方法
- 利用回归树对Boston房价进行预测,并对结果进行评估
- 数据结构上机实践第五周项目3
- linux内核数据结构sk_buff偏移正解
- Docker:《二》DockerFile制作image
- Auth类认证
- placeholder在浏览器ie9以下不支持之一种解决方法
- 统计WebService的调用者、调用函数、运行时间
- java学习 (一) 环境配置与命令行执行