我的问题类似于:如何通过 jquery 增加/减少当前保证金?但是我无法调整解决方案以匹配我的代码。我不断收到错误。
我的 CSS 定义了 $logo 变量,其边距顶部为 -82px。在我下面的 JS 中,margin-top 值正在滚动调整,但它假定 margin-top 的起始值为 0。我怎么说它的 -82px?
这是故障的 jsfiddle:http: //jsfiddle.net/5DAa9/仔细向下滚动,您会注意到框跳动。
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??
});
}