8 پست در این موضوع قرار دارد

سلام خدمت اساتید؛

من برای یکی از سایت های وردپرسی ستون کناری قرار دادم که داخل ادامه مطلب ها هست (در صفحه خانه نیست).

این ستون کناری رو با ابزارک ها تنظیم کردم, حالا میخوام زمانی که ابزارک آخر (یا ابزارک دلخواه رسید) این ستون با اسکرول کردن تا محل مشکل پایین بیاد.

 

ممنون میشم راهنمایی بفرمایید.

0

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


لینک به پست

محض اطلاع؛

بیشتر مایلم این کار رو با کد انجام بدم تا افزونه,

 

از افزونه هایی مثل Q2W3 Fixed Widget  هم استفاده کردم ولی جواب نگرفتم!

0

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


لینک به پست

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


لینک به پست

ارسال شده در (ویرایش شده)

ی همچین کدی باس بشه (جی کوئری) :

$(window).on('scroll',function(){
  posY = $('.yourWidgetClass').position().top,
    theScroll = $(this).scrollTop();
  if(theScroll >= posY)
    $('.yourWidgetClass').addClass('fix');
  else
    $('.yourWidgetClass').removeClass('fix');
});

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

.fix{position: fixed}

 

ویرایش شده در توسط majid1889
1

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


لینک به پست
در 2 دقیقه قبل، majid1889 گفته است :

$(window).on('scroll',function(){ posY = $('.youWidgetClass').position().top, theScroll = $(this).scrollTop(); if(theScroll >= posY) $('.youWidgetClass').toggleClass('fix'); });

این کد مربوط به فانکشن میشه ؟

 

0

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


لینک به پست

نه

باس تو فایل اسکریپتتون قرار بگیره ( فایل js )

یا بین دوتا تگ script توی فایل html تون

0

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


لینک به پست
در 6 دقیقه قبل، majid1889 گفته است :

نه

باس تو فایل اسکریپتتون قرار بگیره ( فایل js )

یا بین دوتا تگ script توی فایل html تون

کار نکرد.

کد رو به صورت زیر قبل از تگ /head قرار دادم

<script $(window).on('scroll',function(){
  posY = $('.yourWidgetClass').position().top,
    theScroll = $(this).scrollTop();
  if(theScroll >= posY)
    $('.yourWidgetClass').toggleClass('fix');
}); </script>

به ستون کناری هم استایل زیر رو میدم,

position: fixed;

 

اما 2 تا مسئله هست,

اول - وقتی جی کوئری اول رو قرار میدم, اسلاید محصولات edd از کار میوفته.

دوم - وقتی استایل fixed رو به ستون کناری میدم, اونم کلاً حذف میشه.

0

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


لینک به پست

:mellow::mellow:

شما مطمئنید طراحی سایت انجام میدید ؟‌

این jsfiddle رو ببینید ! ( کد همونه فقط ی مقدار بهینه شده )

در 4 دقیقه قبل، رضا علیزاده گفته است :

کد رو به صورت زیر قبل از تگ /head قرار دادم


<script $(window).on('scroll',function(){
  posY = $('.yourWidgetClass').position().top,
    theScroll = $(this).scrollTop();
  if(theScroll >= posY)
    $('.yourWidgetClass').toggleClass('fix');
}); </script>

به ستون کناری هم استایل زیر رو میدم,


position: fixed;

 

در مورد این کد ٬ اولا قبل از </body> قرار بدید ...

دوما تگ شروع اسکریپت رو ببندید ینی اینجوری :

<script> $(window).on('scroll',function(){
  posY = $('.yourWidgetClass').position().top,
    theScroll = $(this).scrollTop();
  if(theScroll >= posY)
    $('.yourWidgetClass').toggleClass('fix');
}); </script>

سوما باید کتابخونه jQuery رو فراخوانی کنید

چهارما قبلش باس فانکشن رو اضافه کنید ... همون کد jsfiddle رو چک کنید متوجه میشید ;)

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط MajidRB
      سلام وقتتون بخیر.
      دوستان قالب placid رو به صورت های مختلف دانلود و نصب کردم ( هم از سایت های فارسی و قالب فارسی شده هم از منابع خود وردپرس)
      چه به شکل فارسی چه به شکل انگلیسی پست ها رو اونطوری که در پیش نمایش قالب نشان داده شده ، در صفحه اصلی نشان نمیده !
      عکس ها رو درج میکنم
      هیچ تنظیماتی نمانده که من دستکاری نکرده باشم
      فکر کنم باید چند خط کد کم یا زیاد بشه ( که بلد نیستم ! )
      خیلی ممنون میشم راهنمایی کنید
       


    • توسط nnmmss
      با سلام
       
      من اصلا وردپرس بلد نيستم ولي مجبورم كه سايتي را نگهداري كنم. در اين سايت وقتي وارد بعضي صفحات ميشوم عبارت "دسته" به انتهاي عنوان اضافه شده.  اين صفحات بعنوان "دسته" در فهرست انتخاب شده اند. مثلا
      من در منو مورد 
      آرشيو   
      را دارم كه زير مجموعه آن 
      آرشيو سال 97
      آرشيو سال 96
      آرشيو سال 95
      هست.
       
      من "آرشيو" بعنوان برگه انتخاب شده و آرشيو سال 97 - 96 - 95 به صورت دسته انتخاب شده است. وقتي من روي هر كدام از آرشيو سال 97 يا 96 يا ..... ميروم عنوان صفحه به صورت زير است
      آرشیو سال 97دسته
      اين عبارت دسته از كجا ميايد؟ و من چگونه ميتوانم آنرا حذف كنم؟
      با تشكر
    • توسط amirmehdi950
      سلام روزتون بخیر
      من میخوام از افزونه ultimate member private message استفاده کنم اما یه چیزی کم داره.
      میخوام دکمه پیوست هم داشته باشه.
      (این افزونه همونطوری که از اسمش پیداست برای ارسال پیام خصوصی بین کاربرا ساخته شده، افزونه private message به تنهایی کار نمیکنه و باید ultimate member هم نصب باشه که افزونه بسیار خوبیه.)
      حالا من سوالی که دارم اینه که چطوری میشه این دکمه رو هم به قسمت چت اضافه کرد و از کجا باید کدهاشو ویرایش کرد
      این هم تصویر افزونه ( محل جایگذاریش میخوام کنار بخش emoji باشه)
       

      ممنونم
    • توسط amirmehdi950
      سلام دوستان اگه جوابم رو بدید ممنون میشم.
      من یک افزونه ای میخوام (مثل مناقصه) که افراد بتونن با ثبت نام در سایت، پروژه شون رو ثبت و افراد دیگه بتونن روی اون پیشنهاد قیمت بدن و درصورت تایید ثبت کننده پروژه، پروژه خودکار تایید و شروع بشه و مجری بتونه با تعیین حق دستمزد پولش رو قبل از دریافت فایل توسط ثبت کننده پروژه ، دریافت کنه.
      منتها زمانی که ثبت کننده پول رو پرداخت میکنه خودکار یه درصدی کم شه(حق سایت) و بقیش به حساب مجری (حساب اعتباریش که تو سایته) ریخته بشه.
      مشابه این کار در چند سایت هست که میتونید مشاهده کنید:
      http://typeiran.com/
      http://tarahiran.com/
      https://parscoders.com
      این هم یک نمونه از چیزی که میگم: https://parscoders.com/project/54921/درخواست-قالب-آماده-وردپرس-برای-ثبت-سفارش-انجام-پروژه البته منظور چیزی که ثبت کردن ، تحت عنوان قالب وردپرس... نیست، منظورم نحوه عملکرد سایت هست.
    • توسط mohsen_sj
      سلام دوستان
      برای یک سایت چند منظوره که هم به عنوان دایرکتوری باشه و هم فروشگاهی که امکان چند فروشگاهی رو بتونه ساپورت کنه چه قالب یا افزونه ای پیشنهاد میکنید؟