跳至主要內容
纯js实现视觉差效果

给博客背景加了点视觉差效果,让观感更灵动一些。其实就是让背景和其他元素的滚动速度和幅度有一些区别。

  • 因为是在vue中做的,语法可能略有不同,思路是一致的 首先找一张背景图,最好高一些。加一下background的样式,或者直接用dom嗯塞,我就是嗯塞,不是个好习惯:
// 添加body图片
setBodyBackGround() {
    document.body.style.backgroundImage = this.bodyBgImage;
    document.body.style.backgroundRepeat = 'repeat';
    document.body.style.backgroundAttachment = 'fixed';
    document.body.style.backgroundSize = '65%';
    document.body.style.backgroundPosition = 'center 0';
    document.body.style.backgroundColor = 'rgba(255, 255, 255,1)';//如果背景图有透明的部分,可以调整一下背景色
    document.body.style.position = 'relative';
}

BlueCitizen...大约 4 分钟前端JavaScript