论坛首页 Web前端技术论坛

图片延迟加载(按需加载)效果

浏览 21880 次
精华帖 (4) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-03-17   最后修改:2010-03-17
cloudgamer 写道
willko 写道
1年前写了一个用来延迟ajax请求的。。。。

原理也是这样的吗

嘻嘻,差不多,就是没这么强大。

我做这个遇到了点bug,在opera下

<!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" xml:lang="zh-CN" dir="ltr"> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <title>JavaEye Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践-JavaEye做最棒的软件开发交流社区</title> 
	<script type="text/javascript">
window.onload = function() {
document.body.onclick = function() {
alert(document.documentElement.scrollTop + "-" + document.body.scrollTop);
}
}
	</script>
  </head> 

  <body> 

<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~请移动到此,刷新</p>
  </body>
  </html>


1.先滚动到底边
2.刷新
3.点击页面

弹出的scrollTop在opera下是0,必须再滚动一次,才有值
0 请登录后投票
   发表时间:2010-03-17  
willko 写道
cloudgamer 写道
willko 写道
1年前写了一个用来延迟ajax请求的。。。。

原理也是这样的吗

嘻嘻,差不多,就是没这么强大。

我做这个遇到了点bug,在opera下

<!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" xml:lang="zh-CN" dir="ltr"> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <title>JavaEye Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践-JavaEye做最棒的软件开发交流社区</title> 
	<script type="text/javascript">
window.onload = function() {
document.body.onclick = function() {
alert(document.documentElement.scrollTop + "-" + document.body.scrollTop);
}
}
	</script>
  </head> 

  <body> 

<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~</p><p>~</p>
<p>~</p>
<p>~请移动到此,刷新</p>
  </body>
  </html>


1.先滚动到底边
2.刷新
3.点击页面

弹出的scrollTop在opera下是0,必须再滚动一次,才有值

我用10.10测试
貌似没问题
0 请登录后投票
   发表时间:2010-03-18  
杯具了。好多人都说没问题。。
我环境是 10.50 win7

我再看看

0 请登录后投票
   发表时间:2010-03-20  
gundumw100 写道
好像jQuery也有这样的一个插件


是啊
我也参考看了jq的效果
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics