我在div上有一个负边距,但是我想更改滚动上的负边距,直到负数达到0。
从:
margin:-150px 0 0 0;
到:(滚动)
margin:0px 0 0 0;
我认为这是某种视差效果,我正在其中搜索并在StackOverflow上找到了它: 根据窗口滚动更改div的边距顶部
我想到了这样的事情,但一定有更简单的事情
$(window).scroll(function(){
if ($(window).scrollTop() >= 1){ $('#three').css({margin:'-149px 0 0 0px'}); }
if ($(window).scrollTop() >= 2){ $('#three').css({margin:'-148px 0 0 0px'}); }
if ($(window).scrollTop() >= 3){ $('#three').css({margin:'-147px 0 0 0px'}); }
if ($(window).scrollTop() >= 4){ $('#three').css({margin:'-146px 0 0 0px'}); }
else { $('#three').css({margin:'-150px 0 0 0px'}); }
});
--
我用html / css创建了一个小提琴
小提琴: http ://jsfiddle.net/qSe4e/
--
非常感谢您
尝试使用一点数学来自动生成所有可能性(类似于您的尝试,但只用一行而不是每种可能性中的一行)。
示例:http://jsfiddle.net/qSe4e/9/
$(window).scroll(function(){
var fromTop = $(window).scrollTop();
$("#three").css('margin', '-' + (100 - fromTop) + 'px 0px 0px 0px');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句