读书人

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

发布时间: 2012-10-08 19:54:56 作者: rapoo

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

文件夹选择:

?判断滚动条是否到底(仅适用于火狐,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>
?

读书人网 >Web前端

热点推荐