Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将当前保证金值添加到另一个值_Javascript_Jquery_Css - Fatal编程技术网

Javascript 将当前保证金值添加到另一个值

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" ); //

我的问题类似于:但是我无法调整解决方案以匹配我的代码。我总是出错

我的CSS定义了$logo变量,页边距顶部为-82px。在下面的my JS中,正在滚动调整页边距顶部值,但它假定页边距顶部的起始值为0。我怎么说它的-82px

这里有一个小问题:小心地向下滚动,您会注意到方框跳转

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.由