84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
目的是形成视差效果,类似 花瓣网首页的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功能可以實現視差滾動,但不跨瀏覽器