یکی از امکاناتی که احتمالا اخیرا در سایت های زیادی با آن برخورد کرده اید، امکان اسکرول بی نهایت است. اسکرول بی نهایت یا infinite scroll به حالتی گفته میشود که شما بدون نیاز به رفتن از یک صفحه به صفحه ی دیگر و بارگذاری مجدد صفحه، میتوانید به طور مدارم، مطالب جدیدی را در صفحه بارگذاری کرده و به خواندن آنها ادامه دهید. یک مثال خوب از این حالت، به فروشگاه های اینترنتی مربوط میشود. حتما مشاهده کرده اید که در برخی فروشگاه ها، همینطور که به پایین صفحه اسکرول میکنید، به طور مداوم بر تعداد محصولاتی که در صفحه ی فعلی برای شما به نمایش در آمده، افزوده میشود. این مسئله شما را از رفتن به صفحات 2، 3 و … محصولات بی نیاز میکند و باعث میشود که بتوانید همه ی محصولات را به تدریج در یک صفحه مشاهده کنید.

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

این قابلیت کاربردی را می توان توسط جی کوئری و تکنولوژی آژاکس پیاده سازی کرد اما اگر از وردپرس استفاده می کنید می توانید بدون نیاز به دانش کدنویسی با استفاده از افزونه های نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll براحتی و در کمترین زمان ممکن این قابلیت را در وب سایت تان ایجاد کنید. امروز قصد داریم امکان لود آژاکسی برگه های سایت قابلیت بارگذاری نوشته های قدیمی با اسکرول کردن صفحه مرورگر را نیز آموزش دهیم پس تا انتها همراه ما باشید.

شاید برای شما هم پیش اومده باشه که موقع گشت و گذار تو دنیای وب و چرخ زدن بین سایت های مختلف به این مسئله برخورد کرده باشید که برخی سایت ها رنگ اسکرول بار یا همون نوار ابزار کناریشون هم رنگ قالب و با استایل خاصی نمایش داده شده باشه. این کار شاید برای افرادی با کد نویسی تحت وب آشنا هستن کاری ساده و پیش پا افتاده باشه اما برای برخی مدیران سایت ها از این دانش بی بهره هستن ممکن سخت و طاقت فرسا باشه. از این رو تصمیم گرفتم افزونه ای بهتون معرفی کنم که به تازگی منتشر شده و با استفاده از اون می تونید به راحتی رنگ و استایل اسکرول بار خودتون رو تغییر بدین و اون رو با رنگ و استایل قالبتون هماهنگ کنید.