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")
原创粉丝点击