Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 平滑滚动,每个内容以不同的速度滚动_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 平滑滚动,每个内容以不同的速度滚动

Javascript 平滑滚动,每个内容以不同的速度滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想做一个平滑的卷轴状的页面。我可以看到它像一个视差卷轴,但背景跟随内容的延迟。有没有办法做到这一点?我尝试了很多LIB,比如Stellar.js等,但我只能实现“正常”视差效果,背景滚动比内容慢/快 这将帮助您,我们可以控制车轮速度和距离 if(window.addEventListener)window.addEventListener('DOMMouseScroll',scroll,false); window.onmouseheel=document.onmouseheel=scrol

我想做一个平滑的卷轴状的页面。我可以看到它像一个视差卷轴,但背景跟随内容的延迟。有没有办法做到这一点?我尝试了很多LIB,比如Stellar.js等,但我只能实现“正常”视差效果,背景滚动比内容慢/快

这将帮助您,我们可以控制车轮速度和距离

if(window.addEventListener)window.addEventListener('DOMMouseScroll',scroll,false);
window.onmouseheel=document.onmouseheel=scroll;
功能滚动(事件){
var-delta=0;
如果(event.scrolldta)delta=event.scrolldta/100;
else if(event.detail)delta=-event.detail/3;
汉德斯克罗尔(三角洲);
if(event.preventDefault)event.preventDefault();
event.returnValue=false;
}
函数handleScroll(增量){
var时间=1000;
var距离=200;
$('html,body').stop().animate({
scrollTop:$(窗口).scrollTop()-(距离*增量)
},时间);
}
#myDiv{
高度:2000px;
宽度:100%;
背景色:红色;
填充物:5px;
保证金:5px;
溢出:隐藏;
}

什么是Lorem Ipsum?
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行。
什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行。
什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行。
什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行。
什么是Lorem Ipsum? Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着desktop p