Javascript 平滑滚动,每个内容以不同的速度滚动
我想做一个平滑的卷轴状的页面。我可以看到它像一个视差卷轴,但背景跟随内容的延迟。有没有办法做到这一点?我尝试了很多LIB,比如Stellar.js等,但我只能实现“正常”视差效果,背景滚动比内容慢/快 这将帮助您,我们可以控制车轮速度和距离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
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