JQuery常用方法

console.log($(window).height()); //浏览器当前窗口可视区域高度
console.log($(document).height()); //浏览器当前窗口文档的高度
console.log($(document.body).height());//浏览器当前窗口文档body的高度
console.log($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
console.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")