我一直在寻找一个插件/脚本,当到达底部时,它会从头开始继续滚动网站,就像一个连续的循环。
示例:http://unfold.no/和 http://www.aquiesdonde.com.ar/
我尝试过逆向工程,但还没有得出结论。 任何人都可以引导我朝着正确的方向寻找什么来找到这样的插件吗?
我只倾向于找到在向下滚动时不断扩展页面/添加内容的脚本。
最佳答案
它只是一个 if 语句,告诉文档是否有 x 个像素到达顶部 y。
代码来自:http://www.aquiesdonde.com.ar/
/*Scroll*/
var mov = 0;
function handle(delta) {
/*Scroll Action*/
if (delta < 0){
if(mov==-10500){
mov=0;
moverDown();
}else{
moverDown();
}
}else{
if(mov==0){
mov=-10440;
moverUp();
}else{
moverUp();
}
}
};
加上使滚动无缝的 moverUp/moverDown 函数:
/*Scroll Top*/
function moverUp(){
$('.layout').css( "top", mov+=30 );
};
/*Scroll Down*/
function moverDown(){
$('.layout').css( "top", mov-=30 );
};
/*Function Scroll*/
function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
};
希望对您有所帮助。
关于javascript - 连续/无限滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12781123/