84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
目的是形成视差效果,类似 花瓣网首页的banner效果
能有简单点的办法吗?如果就一张图片使用一个js库的话感觉太麻烦了。
能够单独降低滚动时banner图片的滚动速度吗?
欢迎选择我的课程,让我们一起见证您的进步~~
这好像和html没关系吧,就是那个banner的图片随你滚动的时候,它的position的y轴跟着滚动的动作改变,和滚动速度有一定差值就会形成视觉差,抽空我给你整个简单的demo去。
这个据我所知就js。单凭html木有办法吧,html是结构,CSS是衣服。木有控制能力
new document
建議用js 一句話的事...
var header = document.querySelector('header>p'); window.onscroll = function () { header.style.top = document.body.scrollTop / 2 + "px"; }
利用css的3d功能可以實現視差滾動,但不跨瀏覽器
这好像和html没关系吧,就是那个banner的图片随你滚动的时候,它的position的y轴跟着滚动的动作改变,和滚动速度有一定差值就会形成视觉差,抽空我给你整个简单的demo去。
这个据我所知就js。单凭html木有办法吧,html是结构,CSS是衣服。木有控制能力
建議用js 一句話的事...
利用css的3d功能可以實現視差滾動,但不跨瀏覽器