Javascript 将当前保证金值添加到另一个值
我的问题类似于:但是我无法调整解决方案以匹配我的代码。我总是出错 我的CSS定义了$logo变量,页边距顶部为-82px。在下面的my JS中,正在滚动调整页边距顶部值,但它假定页边距顶部的起始值为0。我怎么说它的-82px 这里有一个小问题:小心地向下滚动,您会注意到方框跳转Javascript 将当前保证金值添加到另一个值,javascript,jquery,css,Javascript,Jquery,Css,我的问题类似于:但是我无法调整解决方案以匹配我的代码。我总是出错 我的CSS定义了$logo变量,页边距顶部为-82px。在下面的my JS中,正在滚动调整页边距顶部值,但它假定页边距顶部的起始值为0。我怎么说它的-82px 这里有一个小问题:小心地向下滚动,您会注意到方框跳转 var $logo = $('.logo.abbr'); var windowScroll; var $curValue = $( '.logo.abbr' ).css( "margin-top" ); //
var $logo = $('.logo.abbr');
var windowScroll;
var $curValue = $( '.logo.abbr' ).css( "margin-top" );
// Functional parallaxing calculations
function slidingTitle() {
//Get scroll position of window
windowScroll = $(this).scrollTop();
//Slow scroll of .logo and fade it out
$logo.css({
'margin-top' : ($curValue-(windowScroll/3)+"px") // Assuming this is the line I need to change??
});
}
这里有一个快速修复
windowScroll = $(this).scrollTop()+250;
我不知道为什么会这样。我会继续四处寻找,看看是否能找到答案,但这对我来说很有用
编辑:
我发现了问题
windowScroll=$(this.scrollTop()代码>如果页面位于顶部,此行将返回0。在滚动之前,您已将边距设置为-82px,以便在第一次滚动时删除边距,并将其设置回0或滚动除以3的任何值。因此,您需要执行该计算,然后再次减去82像素,以使其保持在“相同的位置”或防止跳转
$logo.css({
'margin-top' : -(windowScroll/3)-82+"px"
});
这是一个丑陋的修复,但这就是正在发生的事情。我假设scrollTop返回的250个缩放比例相当于82px。这里有一个更新的提琴:我没有跳转框,你在用什么浏览器?@htmltroll最新版本我看到跳转框了。。。你的目标仅仅是让盒子不移动还是随着卷轴移动?哈哈,你的小提琴的页面内容是从哪里来的?这很粗俗。。。我喜欢。:)@马修布兰卡特lol.由