جاوا اسکریپت تغییر مقدار css با جاوا اسکریپت

[unid_user 63]

سلام و درود

دوستان گرامی من یه کد نوشتم که با اسکرول کردن مقدار یکی از property های css رو به صورت خودکار تغییر بدم.اما کد زیر کار نمیکنه. اگه کسی آشنایی داره لطفا من رو راهنمایی کنه.

با تشکر و سپاس

let x=0;
      console.log(x++);
      if ($(this).scrollTop() > x) {
        $("div#fixdiv #fiximg").css({'opacity':'1','transform':'translateX(x)'});
      }

قرار هست که مقدار x در translatX() تغییر کنه.

[amirhosein-wp 39]

سلام

کد شما از لحاظ دستوری ایراد نداره، از لحاظ الگوریتم پیاده سازی باید اصلاح بشه، کدی که نوشتید اجرا میشه ولی کی؟!!!؟ شما باید موقعی که کاربر صفحه رو اسکرول کرد کدتون رو اجرا کنید. رفرنس

$( window ).scroll(function() {
  /** دستوراتتون رو اینجا قرار بدهید */
});

 

[unid_user 63]

در 2 ساعت قبل، amirhosein-wp گفته است :

سلام

کد شما از لحاظ دستوری ایراد نداره، از لحاظ الگوریتم پیاده سازی باید اصلاح بشه، کدی که نوشتید اجرا میشه ولی کی؟!!!؟ شما باید موقعی که کاربر صفحه رو اسکرول کرد کدتون رو اجرا کنید. رفرنس

$( window ).scroll(function() {
  /** دستوراتتون رو اینجا قرار بدهید */
});

 

منظور من چیز دیگه ای هست. من میخوام مقدار x که در translatX دادم تغییر کنه که خوب این اتفاق نمی افته.

[amirhosein-wp 39]

$("div#fixdiv #fiximg").css({'opacity':'1','transform':'translateX(' + x + ')'});