获取元素滚动后的显见高度-JavaSript-爱易网页

获取元素滚动后的显见高度

日期：2014-05-16　浏览次数：20365 次

获取元素滚动后的可见高度！
javascript怎么获取元素滚动后的可见高度！http://v2.freep.cn/3tb_131009110450qew1512293.png
图片传不了，这么上传后的图片链接！

javascript

------解决方案--------------------
你这样试试:
当前的DIV本来的高度:A
滚动条当前位置距离顶部的高度:B
滚动条当前位置距离底部的高度:C
当前DIV距离顶部的高度:D(非margin-top高度,指该DIV上面的DIV的高度总和)
当前DIV距离底部的高度:E(非margin-top高度,指该DIV下面的DIV的高度总和)

然后这样:
当前DIV显示高度=A-(B-D>0?B-D:0)-(C-E>0?C-E:0)

demo:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <script src="/js/jquery-1.7.min.js" type="text/javascript"></script>

    <title>测试</title>

    <style>

    body,html{ margin:0; padding:0;}

    </style>

</head>

<body>

    <div style="height: 300px">

        sfsd</div>

    <table id="table" style="width: 300px; border: 1; border-style: solid; border-width: 1px;

        height: 500px;">

        <tr>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

        </tr>

        <tr>

            <td>

                &nbsp;

            </td>

            <td id="val">

                &nbsp;

            </td>

            <td>

                &nbsp;

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

获取元素滚动后的显见高度

相关资料更多>

推荐阅读更多>