页面内容随滚动条滚动动态载入JavaScript脚本。
2010-08-11 11:09
459 查看
没什么技术含量,网上找的,改了一下,留着备用而已。
<div id="divContainer" style="overflow-y:auto; overflow-x:hidden; height:500px;border:0px solid red;">
<div id="divContent" style="height:750px;border:0px solid black;">
</div>
</div>
<script type="text/javascript">
window.onload = function(){
var nScrollHight = document.getElementById("divContent").offsetHeight; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = document.getElementById("divContainer").offsetHeight; //divContainer的高度
document.getElementById("divContainer").onscroll =function(){
nScrollTop = this.scrollTop;//0~250;
nScrollHight = this.scrollHeight;//750,1000;
if(nScrollTop + nDivHight >= nScrollHight)
{
document.getElementById("divContent").style.height=1000;
alert("Scroll to Bottom, ScrollTop is:" + nScrollTop);
}
}
}
</script>
<div id="divContainer" style="overflow-y:auto; overflow-x:hidden; height:500px;border:0px solid red;">
<div id="divContent" style="height:750px;border:0px solid black;">
</div>
</div>
<script type="text/javascript">
window.onload = function(){
var nScrollHight = document.getElementById("divContent").offsetHeight; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = document.getElementById("divContainer").offsetHeight; //divContainer的高度
document.getElementById("divContainer").onscroll =function(){
nScrollTop = this.scrollTop;//0~250;
nScrollHight = this.scrollHeight;//750,1000;
if(nScrollTop + nDivHight >= nScrollHight)
{
document.getElementById("divContent").style.height=1000;
alert("Scroll to Bottom, ScrollTop is:" + nScrollTop);
}
}
}
</script>
相关文章推荐
- 页面滚动动态加载数据,页面下拉自动加载内容 ,滚动条滚动到最底端加载数据
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 2011-01-16 21:13 JQuery实现页面随滚动条滚动而动态加载内容的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 【转】JQuery实现页面随滚动条滚动而动态加载内容的效果
- 页面随滚动条滚动而动态加载内容的效果
- APP开发网页自动滚屏动态加载 页面滚动动态加载数据,页面下拉自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- 如何实现服务器端下页面动态添加JavaScript脚本
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- javascript动态修改html页面内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- jQuery实现页面滚动时动态加载内容的方法
- 跨浏览器javascript的使用-动态的更新页面内容
- JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态
- 服务器端向页面动态添加javascript脚本