टीएल, डॉ। हालांकि कुछ मामलों के लिए अंतहीन स्क्रॉलिंग उपयुक्त है, यह समस्या पैदा कर सकता है।

अनंत स्क्रॉल उपयोगकर्ताओं के लिए भटकाव, बेकाबू और तनाव पैदा कर सकता है।

इस लेख में, हम बताएंगे कि आपको अंतहीन स्क्रॉलिंग वाली साइट बनाने से रोकने की आवश्यकता क्यों है। लेकिन पहले, इस मुद्दे के एक संक्षिप्त इतिहास पर विचार करें।

स्क्रॉल करने का एक संक्षिप्त इतिहास

यह समझने के लिए कि स्क्रॉलिंग क्या है, आइए शब्द के मूल को देखें।

स्क्रॉल (स्क्रॉल) (एन।): सी। 1400, "चर्मपत्र या कागज का रोल"

स्क्रॉल का उपयोग मूल रूप से किया गया था जब दस्तावेज़ बहुत लंबा हो गया (उदाहरण के लिए, धार्मिक सामग्री)। इतनी सामग्री के साथ, इसे प्रबंधित करना, पढ़ना और फिर से लिखना मुश्किल हो गया है।

जब कंप्यूटर ने हमारे जीवन में प्रवेश किया, तब भी हमें सामग्री के बड़े टुकड़ों को नेविगेट करने का एक तरीका चाहिए था।

कंप्यूटर में स्क्रॉल का विकास

1. पंक्तियाँ (और कॉलम)

वेब के आगमन के बाद, डिजाइनरों ने पगेट / स्क्रॉल सामग्री के कई तरीके ईजाद / सीखे। इंटरनेट से पहले, हमने स्क्रीन पर लाइनों को स्क्रॉल किया।

क्षैतिज स्क्रॉलिंग ने न केवल सामग्री को पढ़ने के लिए, बल्कि स्क्रीन को नेविगेट करने के लिए भी एक टूल स्क्रॉल किया।

2. विंडोज (ऑपरेटिंग सिस्टम नहीं)

स्क्रॉलिंग की उपस्थिति ने लोगों को एक विंडो इंटरफ़ेस बनाने के लिए प्रेरित किया। विंडोज़ का उपयोग करके, आप एक ही समय में सामग्री के कई टुकड़े देख सकते हैं।


विंडोज 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, .

, . , , , .

, , , . , . !