TL ؛ د. على الرغم من أن التمرير اللامتناهي مناسب لبعض الحالات ، إلا أنه يمكن أن يسبب مشاكل.

يمكن أن يكون التمرير اللانهائي أمرًا مربكًا ولا يمكن السيطرة عليه ويسبب الإجهاد للمستخدمين.

في هذه المقالة ، سنشرح لماذا تحتاج إلى التوقف عن إنشاء مواقع مع التمرير اللانهائي. ولكن أولاً ، فكر في تاريخ موجز للقضية.

تاريخ موجز للتمرير

لفهم معنى التمرير ، لنلق نظرة على أصل الكلمة .

التمرير (التمرير) (رقم): ج. 1400 ، "لفة ورق أو ورق"

تم استخدام مخطوطات في الأصل عندما أصبحت الوثيقة طويلة جدًا (على سبيل المثال ، المحتوى الديني). مع وجود الكثير من المحتوى ، أصبح من الصعب إدارتها وصعوبة قراءتها وإعادة كتابتها.

عندما دخلت أجهزة الكمبيوتر حياتنا ، ما زلنا بحاجة إلى طريقة للتنقل في أجزاء كبيرة من المحتوى.

تطور اللفائف في الحاسبات

1. الصفوف (والأعمدة)

بعد ظهور الويب ، اخترع المصممون / تعلموا العديد من الطرق لترقيم / تمرير المحتوى. قبل الإنترنت ، قمنا بتمرير الخطوط على الشاشة.

جعل التمرير الأفقي التمرير أداة ليس فقط لقراءة المحتوى ، ولكن أيضًا للتنقل عبر الشاشة.

2. Windows (ليس نظام تشغيل)

دفع وجود التمرير الأشخاص إلى إنشاء واجهة نافذة. باستخدام النوافذ ، يمكنك عرض أجزاء متعددة من المحتوى في نفس الوقت.


هناك العديد من "التمرير" في إدارة برامج Windows 3.1

3. صفحات الويب

يحل التمرير المشكلة الأساسية عند تصفح الويب. ومع ذلك ، يمكن أن يسبب الكثير من المشاكل للمستخدمين ويمكن أن يتداخل معهم. دعونا نلقي نظرة فاحصة.

خيارات التنقل في صفحة الويب

سأحاول تحديد كيفية إنشاء المطورين والمصممين واجهة للتنقل بين صفحات الويب.

لنبدأ ببعض أنظمة خادم ترقيم الصفحات.

ترقيم الصفحات على أساس الإزاحة

أشهر نظام ترقيم الصفحات. في هذه التقنية ، تحتاج أولاً إلى العثور على عدد العناصر التي تريد ترقيمها:

-- All posts count
SELECT COUNT(*) AS total FROM posts

. , 10 :

-- First page items
SELECT * FROM posts LIMIT 10

3, 30 , (OFFSET):

-- Third page items
SELECT * FROM posts LIMIT 10 OFFSET 30

:

{
  "pagination": {
    "items_count": 100,
    "current": 3,
    "total_pages": 10
  },
  "items": [...]
}

:

• :
• :
• :
• :

, ( Twitter). , : (cursor).

. :

-- Get extra 1 item to get its cursor.
SELECT * FROM posts ORDER BY id DESC LIMIT 11

, (ID ) . :

{
  "pagination": {
    "next": 1234 // extra item's ID (cursor), null if end of data.
  },
  "items": [...]
}

:

-- Offsetting records using 1234 cursor
SELECT * FROM posts WHERE id >= 1234 ORDER BY id LIMIT 11

:

• : ,
• : , -
• :
• : ,

.

:
:

. . , .


WordPress

:
:

-, . , , .




Google :

:
: , ,

, .


« »

« » (Load More), .

:
: , ,

— .

, 2005 Microsoft.

Metafizzy open source , .

!

, . , .

 — -, . : , , . , .

, . ( ).

(, Twitter) , .  — , . .


Twitter

,

. , . . , .

-, , , — , . . . .

, , UI, .

- . , , ( ). UI . - .

. .

« », . . ( , , ).

, , ..

. . , .

, . , .

, « », . , K, .

, . , , , .

, , , . , . !