更改滚动顶部的边距

欧文·范·埃克伦(Erwin van Ekeren)

我在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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS-边距顶部导致不必要的身体滚动条

来自分类Dev

CSS-边距顶部导致不必要的身体滚动条

来自分类Dev

<h1>的CSS边距顶部会影响父母的边距

来自分类Dev

边距和滚动条问题

来自分类Dev

文章边距顶部影响边栏边距顶部

来自分类Dev

位置固定侧边栏滚动到底部的计算边距顶部的调试滞后

来自分类Dev

滚动修复:a:hover + div中的链接不再起作用,因为其他div的边距位于该div的顶部

来自分类Dev

CSS边距顶部移动父元素

来自分类Dev

动画边距更改

来自分类Dev

在子div中添加边距顶部

来自分类Dev

如何删除页面顶部的页边距

来自分类Dev

删除img顶部的多余边距

来自分类Dev

更改滚动顶部的边距(动画)

来自分类Dev

CSS边距顶部不起作用

来自分类Dev

Skrollr:更改边距顶部时,div向上和向下讨人喜欢

来自分类Dev

边距顶部菜单不起作用

来自分类Dev

jQuery动画img边距顶部

来自分类Dev

边距和滚动条问题

来自分类Dev

更改div之间所有元素的边距,宽度,高度,顶部,左侧,填充

来自分类Dev

幻影边距/父div顶部的填充

来自分类Dev

Android按钮阴影/边距顶部

来自分类Dev

设置CSS边距顶部,以使内容在滚动之前不会出现在任何设备的屏幕上?

来自分类Dev

光滑的滑块多余的边距/填充顶部

来自分类Dev

幻影顶部浮动边距

来自分类Dev

更改引导网格边距

来自分类Dev

为什么顶部边距正在崩溃,而底部边距却没有?

来自分类Dev

如何在边距顶部放置标签?

来自分类Dev

Highcharts - yAxis 标签的顶部边距

来自分类Dev

边距顶部菜单移动内容