js和jquery获取文档对象以及滚动条位置

<div style="width:120px;height:120px;border:1px solid red; position:absolute; left:800px; top:100px; z-index:1001;" id="AdminUserStateDiv">

        </div>
        <div class="div1">层1</div>
<div class="div2">层2</div>
   <style type="text/css">
        .div1{

    width:2000px;
    height:2000px;
    }

.div2{
    background-color:#33FF66;
    width:100px;
    height:100px;
    position:fixed;
    left:50px;
    top:50px;
    }
    </style>

$.ajax({
            url: "/System/DetailSaleInfoState",
            async: true,
            data: { id: id, enableid: optVal },
            type: "Post",
            dataType: "json",
            beforeSend: function () {
            },
            success: function (dataT) {
                alert(dataT.message);
            },
            error: function (er) {
                alert(er);
            }

});

}

var showAdminUser = function (obj) {
        var offSet = $(obj).offset();
        var docTop = offSet.top;    //当前元素相对文档top偏移位置
        var docLeft = offSet.left; //当前元素相对文档left偏移位置

var docWidth = $(document).width(); //整个页面文档的宽度
        var docHeight = $(document).height();   //整个页面文档的高度
        var dScrollTop = $(document).scrollTop(); //整个文档滚动条相对top位置
        var wScrollTop = $(window).scrollTop(); //整个屏幕滚动条相对top位置
        var winWidth = $(window).width(); //整个屏幕宽度
        var winHeight = $(window).height();//整个屏幕高度

alert("docWidth: " + docWidth + "——" + "docHeight:" + docHeight + " dScrollTop:" + dScrollTop);

var dWidth = document.body.offsetWidth; //纯javascript整个页面文档的宽度
        var hHeight = document.body.offsetHeight;   //纯javascript整个页面文档的高度
        var scrollTop = document.body.scrollTop + document.documentElement.scrollTop
        alert(" docWidth: " + dWidth + " docHeight: " + hHeight + " : " + scrollTop);

}
$(document).ready(function () {

$(window).scroll(function () {

var scrollTop = $(document).scrollTop();
//alert(scrollTop);

var AdminUserStateDiv = $("#AdminUserStateDiv");
            //AdminUserStateDiv.css("top", scrollTop + "px");
            AdminUserStateDiv.animate({ "top": scrollTop + "px" }, 0);
            //$("#scrollUl").animate({ "marginLeft": scrollposition + "px" }, 10);

})
});

</script>

var width = $(document).width();
//alert("widt:"+width);

var offleft = width - 26;
    if ($.browser.msie && ($.browser.version == "6.0")) {
        //alert("ie6");
        $("#back-to-top").css("position", "absolute");
        $("#myClose").css("position", "absolute");
    }
    if ($.browser.msie) {
        offleft = width - 47;
    }

$(document).ready(function () {

//var offleft = width-47; //(width-990)/2+990;

$(".suggest").css("left", offleft + "px");
        setTimeout($(".suggest").css("display", "block"), 10);
        $("#back-to-top").css("left", offleft + "px");
        $("#myClose").css("left", offleft + "px");

/****/
//alert("left4");

//        $(window).scroll(function () {
//            //alert("java");/****/
//            if ($(window).scrollTop() > 100) {
//                //width = $(document).width();
//                //alert("widt:"+width);
//                //offleft = width-40; //(width-990)/2+990; //25是反馈意见框的宽度

// //$(".suggest").css("left",offleft+"px");

//                $("#back-to-top").fadeIn(500);
//                //$(".suggest").fadeIn(500);
//            } else {
//                $("#back-to-top").fadeOut(500);
//                //$(".suggest").fadeOut(500);
//            }

//            if ($.browser.msie && ($.browser.version == "6.0")) {
//                var y = $(window).scrollTop() + 400;
//                var backToY = y + 80;
//                $("#back-to-top").css("top", backToY + "px");
//                $("#myClose").css("top", y + "px");
//            }

//        });
        //当点击跳转链接后，回到页面顶部位置
        $("#back-to-top").click(function () {
            $('body,html').animate({ scrollTop: 0 }, 100);
            return false;
        });
    });
    /****/
</script>

巴特西

js和jquery获取文档对象以及滚动条位置

最新文章

热门文章