仿微博滚动条接近底部时加载
2012-02-08 16:25
190 查看
结合上一篇中的js函数,简单仿照企鹅微博上当滚动条接近网页底部时,微博内容的加载。
本文地址:/article/5753167.html
代码:
本文地址:/article/5753167.html
代码:
//整个网页滚动时 webPage.addEvent(window, "scroll", function () { var rb = webPage.rightBottom();//当前页面区域右下角距网页左上角的位置差,见上一篇 if (rb.y + 50 >= webPage.size().height) { document.body.appendChild(webPage.$div({ "width": 180, "height": 100, "color": "#970568", "x": 10, "y": 10, "z": 999, "styleText": "border:1px solid" })); } }); //某个div内 var tObj=document.getElementById("t"); webPage.addEvent(tObj, "scroll", function () { var r = parseInt(tObj.scrollTop) + parseInt(tObj.style.height); if (r + 20 >= tObj.scrollHeight) { tObj.appendChild(webPage.$div({ "width": 10, "height": 10, "x": 10, "y": 10, "z": 999, styleText: "border:1px solid" })); } });
相关文章推荐
- javscript实现滚动条滚动到页面底部自动加载增加页面内容
- 滚动条滚动到页面底部继续加载
- 滚到底部自动加载 像新浪微博那样,
- 滚动条到底部,自动加载数据
- android ListView监听滚动条滚动到底部时继续加载
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- easyui datagrid 异步加载数据时滚动条有时会自动滚到最底部的问题
- 滚动条到底部时自己加载新的内容
- 【原创】模仿微博拉动滚动条加载数据
- jquery模仿微博向下滚动到页面底部时实时加载新内容
- jquery模仿微博向下滚动到页面底部时实时加载新内容代码
- 关于用jquery.masonry.js实现动态加载效果(当页面滚动条拉到底部时时重新加载图片)
- js实现滚动条滚动到页面底部继续加载
- Jquery判断滚动条到底部分页加载数据
- JQuery实现浏览器的滚动条滚动到底部后加载数据
- jQuery实现模仿微博下拉滚动条加载数据效果
- 滚动条到底部自动加载
- jQuery实现当拉动滚动条到底部加载数据
- 异步加载技术实现当滚动条到最底部的瀑布流效果
- 浏览器滚动条到底部自动加载更多