دکمه پشتیبانی آنلاین
سلام
من می خواهم یک دکمه برای پشتیبانی آنلاین در سایت درست کنم که در پایین و سمت چپ صفحه قرار گیرد و همچنین می خوام موقعیت این دکمه هنگام بالا و پایین بردن صفحه ثابت و فیکس باشه چگونه میشه این رو انجام داد؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
برای اینکه ثابت بمونه باید به المنتتون 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>