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功能可以實現視差滾動,但不跨瀏覽器