تغییر موقعیت با توجه به ارتفاع صفحه
سوال جدیدسلام دوستان. یک دکمه توی صفحه هست که اسکرول میشه با موقعیت
button{
top: auto;
bottom: 0%;
}
حالا میخوام زمانی که اسکرول میکنم موقعیتش رو نسبت به ارتفاع کل صفحه تغییر بدم نه اون ارتفاعی رو که در اسکرین مشاهده میکنم
راه حلی که به ذهن خودم رسیده این هست که مثلا
bottom = $(document).height() – 10rem.
<script>
$(document).ready(function(){
$('#bt').css("bottom","calc(100% - 10rem");
});
</script>
در واقع میخوام دکمه هایی که کاربر رو به بالا هدایت میکنه و اسکرول میشه تو صفحه ی https://www.g2kala.com/
بیاد بالای بلوک اینستاگرام.
چه کاری باید انجام بدم؟ و یا شما راه حل دیگه ای پیشنهاد میدید لطفا.. ممنون
ُسلام دوست عزیز،
حقیقت امر درست متوجه مشکلتون نشدم ولی چیزی که من فهمیدم، شما میخواین که اون دکمه ی هدایت به بالا همین رفتار الان که با اسکرول صفحه ثابته، باشه ولی وقتی به بلوک ما را در اینستاگرام دنبال کنید پوش بشه و دیگه ثابت نباشه، خب اگه منظورتون اینه و درست متوجه شده باشم، بهتره بجای کمک گرفتن از جی کوئری و استفاده از پوزیشن فیکس، از sticky استفاده کنید
اینجوری همیشه میتونه پایین صفحه بمونه و وقتی به اینستاگرام رسید هل داده بشه به بالا بسته به موقعیت بلوک اینستاگرام
فقط باید محتویات صفحه یعنی بلوک های بالای بلوک اینستاگرام برن داخل یه div و باکس علامت بالا هم به داخل اون بره
بازم اگه بیشتر توضیح بدید،و یا کد رو کامل بنویسید شاید بیشتر بتونم کمک کنم
http://css-tricks.ir/reference/position/
میتونید اینجا بیشتر در مورد پوزیشن sticky بخونید.
سلام. ممنون از پاسختون
مساله اینه ک با پرستاشاپ دارم کار میکنم وانقدر دستکاری و جابجایی خطرناکه کمی برام :))
فعلا از این کد استفاده کردم تا حدودی حل شد…ولی باید بهبود پیدا کنه
https://stackoverflow.com/questions/42566767/jquery-stop-scrolling-when-img-fixed-reach-the-footer
ممنون میشم نظرتون رو بگید تا ایرادی که در ظاهر داره رو بتونم رفع کنم