اضافه کردن اسکرول نامحدود به سایت

افزودن اسکرول بی غایت به وب سایت‌های وردپرسی ابدا عمل مشقت وجود ندارد و کافی میباشد طراحی سایت در مشهد از پلاگین‌هایی که در نصیب آن گاه معرفی میکنیم، به کارگیری کرده و اسکرول بی غایت را در صفحه ها دلخواه پیاده‌سازی فرمائید. خبر بهتر این که بعضا از پوسته‌های وردپرسی به طور پیش‌فرض این امکان را دارا هستند، براین اساس قبل از نصب پلاگین، پوسته خویش را رسیدگی نمائید، شاید پوسته شما هم این قابلیت و امکان را داشته باشد (شاید برای استعمال از آن نیاز به به روز کردن پوسته خویش داشته باشید). البته در وبسایت‌هایی که وردپرسی نیستند، شما بایستی با گویش جاوااسکریپت و ساختار وبسایت خویش شناخت داشته باشید.

برای این عمل بایستی آغاز تابعی تمجید فرمائید، که با استعمال از آن بتوانید رایاپارس تعداد عکس‌ها یا این که محتواهایی که می خواهید در اولِ ورقه لود شوند، را انتخاب فرمائید. فرض نمائید که ما تابعی به اسم loadimages() ساخت‌و‌ساز کرده‌ایم که با فراخوانی آن، 10 عکس در کاغذ لود می‌‌گردد.

آن‌گاه با استعمال از خصوصیت‌های ذیل، موقعیت اسکرول صورت گرفته به وسیله مخاطب را محاسبه می کنیم:

window.scrollHeight: طول تک تک فولدر را آرم می دهد

window.scrollY: آرم می دهد که شیت چقدر از بالای برگه اسکرول گردیده‌است

window.innerHeight: طول نصیب قابل مشاهده برگه را نشانه می دهد

در صورت ذیل میتوانید این مقادیر را ببینید:

با استعمال از کدهای ذیل معلوم میکنیم که در صورتی استفاده کننده از مقدار مشخصی بیشتر اسکرول نماید، تابع loadimages() فراخوانی گردد و 10 عکس دیگر را بار گذاری نماید.

window.addEventListener('scroll',()=>{

console.log(window.scrollY) //scrolled from top

console.log(window.innerHeight) //visible part of screen

if(window.scrollY + window.innerHeight >=

document.documentElement.scrollHeight){

loadImages();

}

})

ولی شاید پیاده‌سازی آن به همین راحتی هم نباشد و شما نیاز داشته باشید  ahrefs با اعتنا به گویش اپلیکیشن‌نویسی و پلتفرم آیتم به کار گیری، تغییراتی را در‌این کدها به وجود بیاورید البته مبنا فعالیت به همین شکل خواهد بود.

به صورت نمونه در حالتی که وبسایت شما با به کارگیری از react مندرج باشد، میتوانید در پیوند ذیل راهنمای افزودن اسکرول بی غایت به وبسایت را ملاحظه کنید:

https://www.digitalocean.com/community/tutorials/react-react-infinite-scroll

پلاگین‌های اسکرول بی غایت برای تارنما‌های وردپرسی

دیدیم که اجرای اسکرول بی غایت در وبسایت‌های غیر وردپرسی یه خرده مشقت بار‌خیس میباشد و نیاز به علم اپلیکیشن‌نویسی و شناخت با جاوااسکریپت دارااست. ولی پیاده‌سازی اسکرول بی غایت در وردپرس مانند اکثری از شغل های دیگر سهل و آسان و سرراست میباشد. برای این فعالیت شما نیاز به نصب پلاگین‌های اسکرول بی غایت برای وردپرس خواهید داشت. در‌پی این مقاله ما شایسته ترین پلاگین‌های اسکرول بی غایت برای تارنما‌های وردپرسی را معرفی خوا‌هیم کرد:

پلاگین Ajax Load More

این پلاگین یکی دوست داستنی‌ترین پلاگین‌های اسکرول بی غایت برای وردپرس میباشد که ضمن اسکرول بی غایت امکان‌هایی مانند Lazy Load را نیز در مشت شما قرار می دهد. این پلاگین هم ورژن بدون پول و هم ورژن مبلغی داراست. برای استعمال از کل تجهیزات آن می بایست ورژن مبلغی را خریداری نمائید.