رفتن به مطلب

پین کردن یک عنصر به بالای صفحه با اسکرول کردن


nima

پست های پیشنهاد شده

سلام دوستان

میخواستم بدونم چجوری میشه وقتی توی سایت اسکرول میکنم میام پایین وقتی به یه عنصر دایو رسیدم اون عنصر پین بشه به بالای صفحه و وقتی برگشتم بالا بره جای خودش قرار بگیره

 

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود اول جی کوئری رو بشناسونید به قالب بعد اون ایتمی که میخواید چسبنده بشه رو استایل زیرو بهش بدید 

.ایدی یا کلاس{
position:fixed;
top:0px;
z-index:1000;
}
 

اگه سایتت Html هست به همه صفحات این کدو اضافه کن .اگه وردپرس فقط heder.php

<script>
$(document).ready(function() {
$(document).scroll(function(){
x = $(document).scrollTop();
if ( x > vm_number ) {
$("vm_id_class").addClass("nav-fix");
}else{
$("vm_id_class").removeClass("nav-fix"); }
});
});
</script>
 

 به جای vm_number , عددی که میخواید از آن عدد به بعد , ایتم  به بالای سایت شما بچسبد را وارد نمایید .

به جای vm_id_class , باید id یا class ایتم خود را وارد نمایید

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 20 ساعت قبل، KINGERFAN گفته است :

درود اول جی کوئری رو بشناسونید به قالب بعد اون ایتمی که میخواید چسبنده بشه رو استایل زیرو بهش بدید 


.ایدی یا کلاس{
position:fixed;
top:0px;
z-index:1000;
}
 

اگه سایتت Html هست به همه صفحات این کدو اضافه کن .اگه وردپرس فقط heder.php


<script>
$(document).ready(function() {
$(document).scroll(function(){
x = $(document).scrollTop();
if ( x > vm_number ) {
$("vm_id_class").addClass("nav-fix");
}else{
$("vm_id_class").removeClass("nav-fix"); }
});
});
</script>
 

 به جای vm_number , عددی که میخواید از آن عدد به بعد , ایتم  به بالای سایت شما بچسبد را وارد نمایید .

به جای vm_id_class , باید id یا class ایتم خود را وارد نمایید

VM_number چی هستش ، باید از کجا پیداش کنم ؟

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

میخواید توی چه ارتفاعی اون عنصر پین بشه مثلا 200 px یا بیشتر اگر بلد نیستید ادرس سایت بدید

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...