I would like to use variable in css('width', 'topPosition+"px"')method but whether I try 'px' or other ways it is not working.
$("document").ready(function () {
$(window).scroll(function () {
var topPosition = $('#cialo').scrollTop();
console.log(topPosition);
if (topPosition != 0) {
$("logoBg").css('margin-top', 'topPosition+"px"')
};
});
How to do it?
Please try this: If logoBg is class
$(".logoBg").css('margin-top', topPosition+'px');
If logoBg is id
$("#logoBg").css('margin-top', topPosition+'px');
Replace your $("logoBg").css('margin-top', 'topPosition+"px"') line of code with my code below::
Assuming you have class name called "logoBg"
$(".logoBg").css('margin-top', topPosition);
OR
$(".logoBg").css('margin-top', topPosition+'px');
PLEASE NOTE::
If your 'logoBg' is class use it like $('.logoBg') (class selector) or if ID then use it like$('#logoBg') (ID selector)
Your topPosition will be string in your code,
$(".logoBg").css('margin-top', topPosition+"px");
// replace .logoBg with . if class and with # if id of element
Replace this line in your code, it will work.
The quotes are wrong in 'topPosition+"px"', this code should work:
$("document").ready(function () {
$(window).scroll(function () {
var topPosition = $('#cialo').scrollTop();
console.log(topPosition);
if (topPosition != 0) {
$("logoBg").css('margin-top', String(topPosition) + 'px');
};
});
$("logoBg") i suppose should be $(".logoBg") (if its a class name), because doesn't exist an html tag named logobg.
mention that "logoBg" is id or class in jquery code . there is no "#" or "."
Change marginTop and topPosition is a var, no need quotes.
$(".logoBg").css('marginTop', topPosition+'px')
