小编Ted*_*Ted的帖子

我正在重新设计我的网站,并一直在寻找使用JavaScript和jQuery.这是我到目前为止:http://www.tedwinder.co.uk/gallery2/.

我的愿景是将所有照片放在一个页面上,用户可以像现在一样滚动浏览.但是,我理解在一个页面上有50多个大图像的限制和影响,并考虑使用无限滚动和延迟加载,我理解只会在用户到达时加载图像,或者当他们点击时"更多"链接？

所以,我的问题是:这会降低页面加载,我究竟会去有效地实施无限滚动/延迟加载和将这项工作,或者你能想到的这样做的任何更有效的方法？

谢谢,特德

我已经成功实现了scrollTo jQuery插件,当单击一个链接时,该插件会滚动到下一个div,类为"new".但是,我还希望能够使用箭头键向上和向下滚动到同一个类的下一个/上一个div.

我已经浏览了整个互联网,但一直无法找到如何做到这一点.我是JS的新手,所以非常简单的说明将不胜感激!

这是相关代码:

<script type="text/javascript">
jQuery(function($){

 $('<div id="next_arrow"></div>') 
  .prependTo("body") //append the Next arrow div to the bottom of the document
  .click(function(){ 
   scrollTop = $(window).scrollTop();
   $('.new').each(function(i, h2){ // loop through article headings
    h2top = $(h2).offset().top; // get article heading top
    if (scrollTop < h2top) { // compare if document is below heading
     $.scrollTo(h2, 800); // scroll to in .8 of a second
     return false; // exit function
    }
   });
  });

});
</script>

为了使箭头键有效,我需要添加什么？

谢谢,特德