دکمه پشتیبانی آنلاین

سلام
برای اینکه ثابت بمونه باید به المنتتون position: fixed بدید

.test {
 position: fixed;
  bottom: 0;
  left: 0;
}

سلام @aliasgharkashani1379 شما میتونید مثل کد زیر موقعیت دکمه پشتیبانی رو مشخص کنید.

.support-btn {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
}

@Mohammad.Naderi @alirezatahriri سپاس
ولی بنده دقیقا همین

 position: fixed;

ست می کنم بازم میپره واقعا نمی دونم مشکل چیه؟ بنده فقط بوت استرپ و css بلدم و یک مقدار جاوا اسکریپت.

لطفا کامل کدتون رو قرار بدید

<div class=" d-flex position-fixed">
<img src="./circled-user-male-skin-type-1-2.png" alt="" style="width: 80px; height: 80px; margin-right: auto;">
</div>
این قطعه کد هستش

سلام کد را به این شکل باید بنویسید درست میشه:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<div class=" d-flex position-fixed" style="left: 1rem;bottom: 1rem;">
    <img src="./bot.jpg" alt="" style="width: 80px; height: 80px; margin-right: auto;">
</div>

مقدار left و bottom رو باید بهش بدید
به این صورت👇👇👇

<div class=" d-flex position-fixed" style="bottom: 0; left: 0;">
        <img src="./circled-user-male-skin-type-۱-۲.png" alt="" style="width: ۸۰px; height: ۸۰px; margin-right: auto;">
  </div>

@aliasgharkashani1379