首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

文件夹取舍及滚动条是否到底部判断

2012-10-08 
文件夹选择及滚动条是否到底部判断文件夹选择:?判断滚动条是否到底(仅适用于火狐,IE会提示两次,不明原因):

文件夹选择及滚动条是否到底部判断

文件夹选择:

?判断滚动条是否到底(仅适用于火狐,IE会提示两次,不明原因):

<html ><head><title>下拉滚动条滚到底部了吗?</title><script language="javascript">function scrollTo() {var scroller = document.getElementById("div1");var nDivHight = scroller.style.height;var nScrollHight = scroller.scrollHeight;//滚动距离总长(注意不是滚动条的长度)var nScrollTop = scroller.scrollTop;//滚动到的当前位置if (parseInt(nScrollTop) + parseInt(nDivHight) == nScrollHight) {alert("滚动条1到底部了");}}function scrollTo2() {var scroller = document.getElementById("div2");var nDivHight = scroller.style.height;var nScrollHight = scroller.scrollHeight;//滚动距离总长(注意不是滚动条的长度)var nScrollTop = scroller.scrollTop;//滚动到的当前位置if (parseInt(nScrollTop) + parseInt(nDivHight) == nScrollHight) {alert("滚动条2到底部了");}}</script></head><body><div id="div1"style="overflow-y: auto; overflow-x: hidden; height: 500px;"onScroll="scrollTo()"><div style="background-color: #ccc; height: 750px;">内部div高度为750,外部div高度为500,所以垂直滚动条需要滚动750-500=250的距离,就会到达底部</div></div><br/><div id="div2"style="overflow-y: auto; overflow-x: hidden; height: 200px;border: 1px;border: 1px dashed red"onScroll="scrollTo2()">滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/></div></body></html>
?

热点排行