Question

网页动态加载内容的JS jq代码，例：几部分，发布时只显示第一个，其余部分，鼠标向下滚动时再加载显示？

想要实现网页发布时不全部显示，当鼠标和滚动轴向下滚动时，网页内容一点点显示出来，
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="six"></div>
当网页发布，只显示第一部分，当滑动鼠标时加载内容，就像QQ空间的效果。。。

Answer 1

其实这个很简单。 自己写就行了。 设置好div的宽度。第一个display：block.其他的都none。判断滚动条的位置 然后显示下一个div 。一直这样就行了

追问

别的都好说，就是判断滚动条件这里有点麻烦，可否给个例子！

追答

$(window).scrollTop() 滚动条位置。具体的判断情况看你页面是这么设计的。滚动条到那个位置的时候才显示下一个

追问

就是上面的内容，当网页发布的时候只显示one，其余的隐藏，每个盒子高度都是600px；当滚动条向下滚动时，显示Two里的内容，在向下滚动时显示Three里的内容，下边效果也是这样，咋判断滚动到位置并执行条件。

追答

testscroll.onmousewheel = function (e) {
//e.deltaY滚动条长度
//$('.displayblock')[0].offsetTop 图片偏移量
e = e || window.event;
if ($(window).scrollTop() > $('.displayblock')[0].offsetTop + 600 - e.deltaY)
{
//展示
}
}

追问

不是这个效果，我想要的效果是发布只显示One的内容，然后拖动滚动条向下的时候加载Two的内容，以此类推，直到加载到6完成，就像现在的Q空间动态加载！

Answer 2

额，你是需要自己实现还是用插件？自己实现监听网页进度条，大于某值时用ajax加载。插件的话一搜一大把。

追问

想要用插件，来实现网页的效果，有合适的插件吗？

追答

在网上搜吧，很多的，我是自己实现的，没用插件。

Answer 3

那个效果叫做 瀑布流, 你可以百度一下 jquery瀑布流插件, 有很多,挑一个你觉得简单的用即可.