获取元素滚动后的可见高度! javascript怎么获取元素滚动后的可见高度!http://v2.freep.cn/3tb_131009110450qew1512293.png图片传不了,这么上传后的图片链接!javascript 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 外层容器的scrollTop 减去 内层div的outerHeight 你这样试试:当前的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> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td id="val"> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> <div style="height: 300px"> sfsd</div></body><script> window.onscroll = function () { var A = 500; var B = parseInt($(document).scrollTop()); var C = $(document).height() - $(window).height() - B; var D = 300; var E = 300; var BD = B - D; var CE = C - E; var val = A - (BD > 0 ? BD : 0) - (CE > 0 ? CE : 0); $("#val").text(val); }</script></html> http://pan.decadework.com/file/2013/10/9/2013100912051915490.zip 演示源码下载 求一段js匹配正则,取得value的值 js input输入字符串的判断问题 'options'对象为空或者不是对象 与frameSet相关的问题,请帮忙 js实现动态飘窗问题,各位大神帮忙解决一下!!!!!!!!!!! 让每次窗口onFocus时运行某个程序 赐教:我们公司还处于MODEM上网阶段,时间也限制,只要你知道就快给我说——我想右键在IE的工具栏点击被屏蔽如何完成? 用javascript控制textbox的属性突然变成readonly,我试过,有问题 请问以下这些属性是什么意思? rsa加密是都统一的吗? 局部刷新 请各位看一下
当前的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>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td id="val">
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
<div style="height: 300px">
sfsd</div>
</body>
<script>
window.onscroll = function () {
var A = 500;
var B = parseInt($(document).scrollTop());
var C = $(document).height() - $(window).height() - B;
var D = 300;
var E = 300;
var BD = B - D;
var CE = C - E;
var val = A - (BD > 0 ? BD : 0) - (CE > 0 ? CE : 0);
$("#val").text(val);
}</script>
</html>