jQuery How to pass variables in jQuery.css({})

Question

When using this script the console returns an error "SyntaxError: missing } after property list" How do I pass vscroll variable into .css.

<script type="text/javascript">
        jQuery(window).scroll(function(){
            var vscroll = jQuery(this).scrollTop();
            jQuery('#logotext').css({
                "transform": "translate(0px, "vscroll/2+"px)"
            });
        });  
    </script>

"translate(0px, "vscroll/2+"px)" => "translate(0px, "+vscroll/2+"px)" — Hikarunomemory
– Hikarunomemory, Commented Apr 18, 2018 at 2:07

user11612446 · Accepted Answer · 2019-11-02 14:48:18Z

1

You missed adding the + sign before vscroll/2 in your code.

<script type="text/javascript">
    jQuery(window).scroll(function(){
        var vscroll = jQuery(this).scrollTop();
        jQuery('#logotext').css({
            "transform": "translate(0px, "+vscroll/2+"px)"
        });
    });  
</script>

answered Nov 2, 2019 at 14:48

user11612446

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery How to pass variables in jQuery.css({})

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related