滚轮滚动时让div背景图片移动的相对缓慢

abcd23211年前前端开发890

鼠标滚轮滚动时,这一个div的移动速度相对较慢,下面其他div内容能够追上并超越它。

css代码:

.banner { width: 100%; position: fixed; top:0;}

js代码:

//banner 缓升

var BannerBox = $(".banner");
BannerHeight();
$(window).scroll(function(){
    BannerHeight();
})
function BannerHeight(){
    BannerBox.css({
        "top" : -$(window).scrollTop()/5+"px"
    })
}

相关文章

纯CSS解决锚点跳转偏移

能用css自然不想用js解决,因为在加载方面,css总是先加载,并且速度很快。.div{    position:relative;   &nbs...

jQuery pjax 简单入门

Pjax是ajax的升级版,怎么理解呢,当初学习ajax的时候讲了ajax的优缺点,其中一个缺点是破坏了浏览器的前进后退,因为ajax的请求不会留在历史记录中。pjax就不一样了,pjax...

透明度与十六进制代码转换

透明度参照表:00%=FF(不透明) 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=6...

jq动画重复执行的解决方法

1. 在你的点击事件中加上一个判断,假设产生动画效果目标的是div这个节点,那么你要加上这个判断 它会确保你的动画只会在上一个动画结束后才能产生 ,可以保持动画的完整性,但是连续点击时会有反映迟钝的感...

图片垂直居中,宽高按比例缩放不变形

高度大于宽度,按高度来,宽度自动;反之宽度大于高度也一样.sbzs dl{ width:279px; height:238px; line-height:234...

背景图片靠右对齐,并且间距从右算起

假如右边有个小箭头需要右对齐并且垂直居中,可以写成 background:url("images/icon.png")no-repeat right center;如果需要离右边1...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。