سایدبار چسبان ژاکت

سلام
من با المنتور صفحه محصول رو ساختم میخواستم یه سایدبار مجزا بسازم مثل ژاکت که بعد سایدبار ثابت نمایان بشه و تا اخر متن بره و وایسه تو فوتر

حالا من با امکانات خود المنتور افکت اسکرول ساختمش با position : absolute ولی مشکل اینجا بود که توی افکت شفافیت اسکرول المنتور با درصد مقدار تنظیم میشه و خب این تو محصولی که محتوای بیشتری داره دیرتر ظاهر میشه و تو محصولی که محتوای کمی داره زودتر ظاهر میشه

با کد js میشه درستش کرد که من بلد نیستم متاسفانه

من بخش رو ساختم بهش id هم میدم
یکی که js بلده بهم یه کدی بده که بخش موقع اسکرول یا بعد از یه id ظاهر باشه یا بعد از مثلا 1000 px اسکرول بعد وقتی رسید به id فلان ( قانونش نمیدونم چطوره تو js به ابتدای بخش برسه وای میستا یا به انتها خلاصه با id برسه وایسه

ممنون میشم کمک کنید

با سلام خدمت شما
شما نیازی به کدنویسی ندارین
میتونین با خود المنتور این کار رو انجام بدین
که در خصوصی بیشتر راهنماییتون میکنم
با تشکر

سلام
ممنون ولی اینو بلدم
دقت نکردین
توی ژاکت دوتا سایدبار هست
یکی ثابت هست
یکی بعد اینکه سایدبار ثابت رو رد میکنی با سایز مجزا ظاهر میشه و تا اخر میاد که با js نوشته شده برحسب اسکرول هست

خود ژاکت با پوزیشن فیکس اینو ساخته

   opacity: 1;
transition: opacity 0.3s ease 0s;
transform: translateZ(0px);
position: fixed;
top: 100px;
left: 251.516px;
width: 565.828px;

منم همه چیم آمادس فقط یه کد js میخوام که توی پیکسل خاصی show کنه
و قبل رسیدن به فوتر بایسته

با ترکیب کد و چسبان element kit و المنت پک با پوزیشن absolute سرهمش کردم فقط بهش افکت ورود دادم فید میشه ولی کاش وقتی ازش بالا میرفتیم دوباره محو میشد و دوباره فید میشد اگر صفحه ثابتی بود خیلی راحت بود سختی کارا ینجاس که صفحه محصولاته و هر محصول محتوای متفاوتی داره

ولی خب بهتر از هیچیه اما اگه js بلد بودم کامل عالی میشد .