เป็นวิธีที่ดีที่สุดในการระบุว่าคุณสามารถเลื่อนในพื้นที่เมื่อพื้นที่ไม่มีแถบเลื่อนได้อย่างไร

สิ่งเดียวที่ฉันคิดได้ก็คือพูดว่า: "เลื่อนเพื่อดูเมนูเต็ม" ด้านบน มีวิธีอื่นอีกที่ผู้คนกำลังทำมันอยู่?

ผู้คนมีความสัมพันธ์ที่ดีกับความสัมพันธ์ทางกายภาพในส่วนต่อประสานผู้ใช้ กล่าวอีกนัยหนึ่งถ้าคุณต้องการให้อินเทอร์เฟซรู้สึกเป็นธรรมชาติหรือทำให้การควบคุมชัดเจนคุณสามารถใช้ลักษณะที่ปรากฏของความสมจริงทางกายภาพเพื่อทำ ไอคอนที่เหมาะสมมักเป็นสิ่งที่ต้องทำเช่นกันเพื่อการใช้งานที่ชัดเจน

พื้นที่เลื่อนจะมีลักษณะอย่างไร ! ง่าย ชั้นของเนื้อหาด้านล่างเฟรมด้านนอก เพื่อให้ได้ลักษณะนั้นคุณอาจใช้เงากล่องด้านนอกเลเยอร์

• เคล็ดลับ: เมื่อสร้าง CSS box-shadow คุณสามารถใส่หลาย ๆ เงาเข้าด้วยกันด้วยเครื่องหมายจุลภาค ใช้เงาที่อยู่ไกลและเบาขึ้นเพื่อให้เอฟเฟกต์ดีขึ้น ใช้ RGBA (ควบคุมความทึบแสง) เพื่อสัมผัสที่บางเบา!

ถัดไปหากไม่มีแถบเลื่อนแนวปฏิบัติที่ดีที่สุดที่ควรคำนึงถึงคือการใช้ JQuery พร้อมกล่องเลื่อนแบบคลิกได้ที่แนบกับขอบของเฟรมที่มีเนื้อหาที่เลื่อนได้โดยมีกล่องปรากฏขึ้นเมื่อองค์ประกอบภายในยื่นออกมาด้านนอกกล่อง สี่ทิศทางใดก็ได้

หากคุณต้องการให้แถบขาดหายไปหรือซ่อนอยู่ตามค่าเริ่มต้นให้คงแถบดังกล่าวไว้เป็นแถบซ่อนเร้นหรือทึบแสงจนกระทั่งพื้นที่เลื่อนอยู่เหนือหรือแตะและจากนั้นให้กลไกการเลื่อนปรากฏขึ้น

• ใช้งานง่าย: กล่องควรเปิดใช้งาน (เริ่มเลื่อนองค์ประกอบย่อย) เบา ๆ เมื่อเลื่อนเมาส์ไปที่เหตุการณ์และเลื่อนเมาส์ลงจนสุด

นี่คือการสาธิต:

สำหรับพื้นที่เลื่อนที่ยาวการเลื่อนแบบเร่งจะต้องผ่านการฝึกฝนนี้มิฉะนั้นความสามารถของผู้ใช้ในการนำทางเนื้อหาจะถูกยับยั้งอย่างรวดเร็ว

หลังจากเล่นซอลนี้ฉันคิดว่าฉันอาจสร้างปลั๊กอิน JQuery และใช้แนวทางนี้สำหรับเว็บแอปต่อไปของฉัน

ตรวจสอบให้แน่ใจว่าจำนวนเนื้อหาเริ่มต้นที่แสดงครั้งแรกแสดงรายการที่ด้านล่าง (สมมติว่าการเลื่อนแนวตั้ง) ที่เปิดเผยเพียงบางส่วนเท่านั้นดังนั้นจึงแจ้งให้ผู้ใช้ทราบว่ามีด้านล่างมากขึ้นและสามารถเข้าถึง / เปิดเผยได้

นี่คือสิ่งที่ฉันจะลอง:

การไล่ระดับสีที่นุ่มนวลซึ่งครอบคลุมเนื้อหาเพียงเล็กน้อย สิ่งนี้บ่งชี้ว่ามีอยู่ด้านล่าง นอกจากนี้คุณสามารถเพิ่มลูกศรลงได้แน่นอน

คุณต้องการทำให้ชัดเจนเพียงใดว่าคุณคิดว่าผู้ชมเป็นอย่างไรและบริบทคืออะไร

เทคนิคการค้นหาทางปกติเช่นลูกศรและกราฟิกที่ดำเนินต่อไปไกลกว่าครึ่งสามารถช่วยให้การเดินทางของผู้ใช้ หรือมิฉะนั้นคุณอาจเลือกใช้เมนู / ระบบนำทางที่ใช้กับเว็บไซต์หน้าเดียวหลายแห่ง

ทางออกที่โจ่งแจ้งและน่าเกลียดที่สุดคือป๊อปอัปที่แจ้งให้ผู้ใช้เลื่อนลงเพื่อดูเนื้อหาเพิ่มเติมจากนั้นซ่อนเมื่อนักแสดงเลื่อน (สไตล์การแจ้งเตือนคุกกี้)

อีกทางเลือกหนึ่งคือการเปลี่ยนเคอร์เซอร์เมื่อเลื่อนเมาส์ไปวางเหนือองค์ประกอบเป็นสิ่งที่บ่งชี้การเลื่อนเช่นลูกศรเคลื่อนไหวที่ชี้และชี้ลงด้านล่างหรือสิ่งที่ระบุว่า 'read more by scrolling'

แน่นอนว่าใช้งานได้กับเดสก์ท็อปเท่านั้น