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