اسکرول بی غایت یا این که Infinite Scroll چیست؟
اسکرول بی غایت یک کدام از اقدامات مرتبط با تجربیات کاربری (UX) میباشد که در آن، هنگامی که استفاده کننده اسکرول مینماید، محتوا به صورتی پیوسته لود میگردد طراحی سایت اختصاصی تاوقتیکه به انتهای برگه رسد.
این سبب ساخت تجربیاتای از یک جریان بیوقفه داده ها در کاغذ میگردد. وقتی که مخاطب اسکرول مینماید، محتواهای جانور در کاغذ با ترتیب مشخصی کم کم لود میشوند و فقط کاری که مخاطب نیاز میباشد اعمال دهد، اسکرول کردن میباشد.
این نوع از اکران محتوا هنگامی نامی برای خودش دست و پا کرد که در کانالهای اجتماعی مثل فیسبوک، تویتر و اینستاگرام گزینه به کارگیری قرار گرفت. همینطور از این تکنیک به طور پهناور در وبسایتهای دارنده تصاویر بسیار زیاد مانند پینترست یا این که وبسایتهای دانلود عکس مانند Freepik استعمال میگردد.
به صورت نمونه، وقتی که عکسهایی درباره ی یک زمینه خاص را در گوگل کاوش میکنیم، با اسکرول کردن رو به تحت، عکسهای تازه کم کم ظواهر میشوند یا این که به اصطلاح به صورت Lazy Load بار گذاری میشوند. دراین روند شما نیازی به کلیک کردن نخواهید داشت، خلاف شرایطهایی که از شما می خواهند برای اکران عکسهای بیشتر روی یک دکمه یا این که روی شماره صفحه ها کلیک فرمایید.
مزایا و معایب اسکرول بی غایت در وب سایت چیست؟
اسکرول بی غایت شاید برای هر سایت و شیتای مطلوب نباشد، به همین عامل عالی میباشد با معایب و مزایای اسکرول بی غایت آشنا شویم تا بتوانیم خوب دراین مورد تصمیمگیری کنیم.
مزایای اسکرول بی غایت
برای موبایلهای هوشمند بسیار بهتر میباشد: در موبایلهای دارنده کاغذ اکران لمسی، اسکرول کردن بسیار سهل وآسانخیس از کلیک کردن (لمس کردن) میباشد چون پیوندهای مو جود در کاغذ تلفن همراه خرد میباشند.
دقت استفاده کننده را مراقبت مینماید: هنگامی استفاده کننده ناچار به کلیک کردن روی مورد "بیشتر ملاحظه کنید" یا این که شماره صفحه های میباشد، ممکن میباشد توجهش به شیت از میان برود یا این که ورقه را رخنه نماید. هنگامی که مخاطب با اسکرول کردن، محتوای بیشتری را سوای وقفه مشاهده مینماید، احتمال ماندنش در شیت فراتر میرود. این تبارکترین دلیلی میباشد که کانالهای اجتماعی از این تکنیک به کارگیری مینمایند.
اکران خیلعظیم محتوا سهل و آسانخیس میشود: درحالتی که تعداد بسیار متعددی از یک نوع محتوا مثل عکس یا این که متاع در وب سایت خویش دارید، اسکرول بیغایت طرز نیکی برای اکران آنهاست.
برای بار گذاری محتوا در لحظه بسیار مطلوب میباشد: در تارنماهای پرمخاطب وقتی که محتوای جدیدی آپلود می شود، بسیار اصلی میباشد که هر چه زودتر به یوزرها اکران داده خواهد شد، این عمل با به کارگیری از اسکرول بی غایت به شایسته ترین صورت شکل میگیرد. این یکی از دیگر از دلایل مهمی میباشد که کانالهای اجتماعی از infinite scroll به کار گیری مینمایند.
سرعت لود وبسایت را معدود نمینماید: اسکرول بی غایت حدود 7 محتوا (مانند عکس یا این که کلیپ) را لود مینماید البته این مورد در معنای این وجود ندارد که سرعت تارنما شما کمتر میگردد. در واقع هیچ دلیلی نیست که آرم دهد اسکرول بی غایت از طریقهای دیگر کندتر میباشد.
معایب اسکرول بی غایت
کاوش برای یوزرها دشوارخیس میباشد: در شرایطیکه کاربری بخواهد یک محتوای خاص را پیدا نماید، در شیوه اسکرول بی غایت این فعالیت آزاردهنده خواهد بود. یکیاز دلایل این زمینه این میباشد که استفاده کننده به صحت نمیداند که در کجای شیت جایدارد یا این که محتوایی که در پی آن میباشد در کدام بخش کاغذ قراردارد. به همین برهان میباشد که موتورهای کاوش مانند گوگل از اسکرول بی غایت به کار گیری نمی کنند البته حاصل جستجوی تصویر را به طور اسکرول نامحدود اکران میدهد.
نداشتن فوتر در برگه: فوتر نصیب مهمی از تارنما میباشد که میتوانید داده ها مهمی مانند "درباره ما" یا این که داده ها تماس را در آن قرار دهید چون یوزرها عادت کردهاند که برای استخراج داده ها در ارتباط کمپانی به فوتر وبسایت مراجعه نمایند.
نیاز به کدهای جاوااسکریپت بیشتری دارااست: اسکرول بی غایت به جاوااسکریپت تعلق متعددی داراست و همین زمینه گسترشدهندگان اینترنت را در باب همت و بعدی اسکرول بی غایت نگران مینماید.
شغل موتورهای کاوش برای ادراک این صفحه ها دشوارخیس میباشد: در این باره در نصیبهای آتی نوشتهیعلمی تماما توضیح داده شدهاست. بدین ترتیب توصیه می کنم ادامه نوشتهعلمی را از دست ندهید.
افزودن اسکرول نامحدود به وب سایت
افزودن اسکرول بی غایت به وبسایتهای وردپرسی ابدا عمل مشقت وجود ندارد و کافی میباشد از پلاگینهایی که در قسمت بعد از آن معرفی می کنیم، استعمال کرده و اسکرول بی غایت را در صفحه های دلخواه پیادهسازی فرمایید. خبر عالی این که بعضا از پوستههای وردپرسی به طور پیشفرض این قابلیت و امکان را داراهستند، براین اساس قبل از نصب پلاگین، پوسته خویش را نظارت نمایید، شاید پوسته شما هم این قابلیت و امکان را داشته باشد (شاید برای به کار گیری از آن نیاز به به روز کردن پوسته خویش داشته باشید). البته در تارنماهایی که وردپرسی نیستند، شما بایستی با گویش جاوااسکریپت و ساختار وب سایت خویش شناخت داشته باشید.
برای این عمل بایستی آغاز تابعی تمجید فرمایید، که با به کارگیری از آن بتوانید تعداد عکسها یا این که محتواهایی که می خواهید در اولِ کاغذ بار گذاری شوند، را انتخاب فرمائید. فرض نمایید که ما تابعی به اسم 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();
}
})
ولی شاید پیادهسازی آن به همین راحتی هم نباشد و شما نیاز داشته باشید با اعتنا به گویش نرمافزارنویسی و پلتفرم گزینه استعمال، تغییراتی را درین کدها به وجود بیاورید البته محور شغل به همین شکل خواهد بود.
اسکرول بی غایت یا این که Infinite Scroll چیست؟
اسکرول بی غایت یک کدام از اقدامات مرتبط با تجربیات کاربری (UX) میباشد که در آن، هنگامی که استفاده کننده اسکرول مینماید، محتوا به صورتی پیوسته لود میگردد طراحی سایت اختصاصی تاوقتیکه به انتهای برگه رسد.
این سبب ساخت تجربیاتای از یک جریان بیوقفه داده ها در کاغذ میگردد. وقتی که مخاطب اسکرول مینماید، محتواهای جانور در کاغذ با ترتیب مشخصی کم کم لود میشوند و فقط کاری که مخاطب نیاز میباشد اعمال دهد، اسکرول کردن میباشد.
این نوع از اکران محتوا هنگامی نامی برای خودش دست و پا کرد که در کانالهای اجتماعی مثل فیسبوک، تویتر و اینستاگرام گزینه به کارگیری قرار گرفت. همینطور از این تکنیک به طور پهناور در وبسایتهای دارنده تصاویر بسیار زیاد مانند پینترست یا این که وبسایتهای دانلود عکس مانند Freepik استعمال میگردد.
به صورت نمونه، وقتی که عکسهایی درباره ی یک زمینه خاص را در گوگل کاوش میکنیم، با اسکرول کردن رو به تحت، عکسهای تازه کم کم ظواهر میشوند یا این که به اصطلاح به صورت Lazy Load بار گذاری میشوند. دراین روند شما نیازی به کلیک کردن نخواهید داشت، خلاف شرایطهایی که از شما می خواهند برای اکران عکسهای بیشتر روی یک دکمه یا این که روی شماره صفحه ها کلیک فرمایید.
مزایا و معایب اسکرول بی غایت در وب سایت چیست؟
اسکرول بی غایت شاید برای هر سایت و شیتای مطلوب نباشد، به همین عامل عالی میباشد با معایب و مزایای اسکرول بی غایت آشنا شویم تا بتوانیم خوب دراین مورد تصمیمگیری کنیم.
مزایای اسکرول بی غایت
برای موبایلهای هوشمند بسیار بهتر میباشد: در موبایلهای دارنده کاغذ اکران لمسی، اسکرول کردن بسیار سهل وآسانخیس از کلیک کردن (لمس کردن) میباشد چون پیوندهای مو جود در کاغذ تلفن همراه خرد میباشند.
دقت استفاده کننده را مراقبت مینماید: هنگامی استفاده کننده ناچار به کلیک کردن روی مورد "بیشتر ملاحظه کنید" یا این که شماره صفحه های میباشد، ممکن میباشد توجهش به شیت از میان برود یا این که ورقه را رخنه نماید. هنگامی که مخاطب با اسکرول کردن، محتوای بیشتری را سوای وقفه مشاهده مینماید، احتمال ماندنش در شیت فراتر میرود. این تبارکترین دلیلی میباشد که کانالهای اجتماعی از این تکنیک به کارگیری مینمایند.
اکران خیلعظیم محتوا سهل و آسانخیس میشود: درحالتی که تعداد بسیار متعددی از یک نوع محتوا مثل عکس یا این که متاع در وب سایت خویش دارید، اسکرول بیغایت طرز نیکی برای اکران آنهاست.
برای بار گذاری محتوا در لحظه بسیار مطلوب میباشد: در تارنماهای پرمخاطب وقتی که محتوای جدیدی آپلود می شود، بسیار اصلی میباشد که هر چه زودتر به یوزرها اکران داده خواهد شد، این عمل با به کارگیری از اسکرول بی غایت به شایسته ترین صورت شکل میگیرد. این یکی از دیگر از دلایل مهمی میباشد که کانالهای اجتماعی از infinite scroll به کار گیری مینمایند.
سرعت لود وبسایت را معدود نمینماید: اسکرول بی غایت حدود 7 محتوا (مانند عکس یا این که کلیپ) را لود مینماید البته این مورد در معنای این وجود ندارد که سرعت تارنما شما کمتر میگردد. در واقع هیچ دلیلی نیست که آرم دهد اسکرول بی غایت از طریقهای دیگر کندتر میباشد.
معایب اسکرول بی غایت
کاوش برای یوزرها دشوارخیس میباشد: در شرایطیکه کاربری بخواهد یک محتوای خاص را پیدا نماید، در شیوه اسکرول بی غایت این فعالیت آزاردهنده خواهد بود. یکیاز دلایل این زمینه این میباشد که استفاده کننده به صحت نمیداند که در کجای شیت جایدارد یا این که محتوایی که در پی آن میباشد در کدام بخش کاغذ قراردارد. به همین برهان میباشد که موتورهای کاوش مانند گوگل از اسکرول بی غایت به کار گیری نمی کنند البته حاصل جستجوی تصویر را به طور اسکرول نامحدود اکران میدهد.
نداشتن فوتر در برگه: فوتر نصیب مهمی از تارنما میباشد که میتوانید داده ها مهمی مانند "درباره ما" یا این که داده ها تماس را در آن قرار دهید چون یوزرها عادت کردهاند که برای استخراج داده ها در ارتباط کمپانی به فوتر وبسایت مراجعه نمایند.
نیاز به کدهای جاوااسکریپت بیشتری دارااست: اسکرول بی غایت به جاوااسکریپت تعلق متعددی داراست و همین زمینه گسترشدهندگان اینترنت را در باب همت و بعدی اسکرول بی غایت نگران مینماید.
شغل موتورهای کاوش برای ادراک این صفحه ها دشوارخیس میباشد: در این باره در نصیبهای آتی نوشتهیعلمی تماما توضیح داده شدهاست. بدین ترتیب توصیه می کنم ادامه نوشتهعلمی را از دست ندهید.
افزودن اسکرول نامحدود به وب سایت
افزودن اسکرول بی غایت به وبسایتهای وردپرسی ابدا عمل مشقت وجود ندارد و کافی میباشد از پلاگینهایی که در قسمت بعد از آن معرفی می کنیم، استعمال کرده و اسکرول بی غایت را در صفحه های دلخواه پیادهسازی فرمایید. خبر عالی این که بعضا از پوستههای وردپرسی به طور پیشفرض این قابلیت و امکان را داراهستند، براین اساس قبل از نصب پلاگین، پوسته خویش را نظارت نمایید، شاید پوسته شما هم این قابلیت و امکان را داشته باشد (شاید برای به کار گیری از آن نیاز به به روز کردن پوسته خویش داشته باشید). البته در تارنماهایی که وردپرسی نیستند، شما بایستی با گویش جاوااسکریپت و ساختار وب سایت خویش شناخت داشته باشید.
برای این عمل بایستی آغاز تابعی تمجید فرمایید، که با به کارگیری از آن بتوانید تعداد عکسها یا این که محتواهایی که می خواهید در اولِ کاغذ بار گذاری شوند، را انتخاب فرمائید. فرض نمایید که ما تابعی به اسم 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();
}
})
ولی شاید پیادهسازی آن به همین راحتی هم نباشد و شما نیاز داشته باشید با اعتنا به گویش نرمافزارنویسی و پلتفرم گزینه استعمال، تغییراتی را درین کدها به وجود بیاورید البته محور شغل به همین شکل خواهد بود.