Cách tốt nhất để chỉ ra rằng bạn có thể cuộn trong một khu vực khi khu vực đó không có thanh cuộn là gì?

Điều duy nhất tôi có thể nghĩ là nói: "Di chuyển để xem toàn bộ menu" ở trên. Một số cách khác mọi người đang làm điều đó là gì?

Mọi người liên quan tốt đến tính tương đối vật lý trong giao diện người dùng. Nói cách khác, nếu bạn muốn một giao diện cảm thấy tự nhiên hoặc làm cho các điều khiển của nó rõ ràng, bạn có thể sử dụng sự xuất hiện của chủ nghĩa hiện thực vật lý để làm điều đó. Các biểu tượng thích hợp luôn luôn phải làm, cho chức năng rõ ràng.

Làm thế nào một khu vực cuộn sẽ trông vật lý? Đơn giản! Một lớp nội dung bên dưới một khung bên ngoài. Để đạt được cái nhìn đó, bạn có thể sử dụng bóng hộp ở lớp ngoài.

• Mẹo: Khi tạo bóng hộp CSS, bạn có thể đặt nhiều bóng cùng với dấu phẩy. Sử dụng bóng tối xa với bóng ngắn mạnh hơn để tạo hiệu ứng đẹp. Sử dụng RGBA (điều khiển độ mờ) cho một cú chạm nhẹ!

Tiếp theo, không có thanh cuộn, cách tốt nhất bạn nghĩ đến là sử dụng JQuery với hộp cuộn có thể nhấp được gắn vào các cạnh của khung có nội dung cuộn, có hộp hiển thị khi các phần tử bên trong nhô ra ngoài hộp trong bất kỳ trong bốn hướng.

Nếu bạn muốn thanh vắng mặt hoặc bị ẩn theo mặc định, hãy giữ nó ở chế độ ẩn hoặc mờ nhẹ cho đến khi vùng cuộn được di chuột qua hoặc gõ nhẹ, sau đó xuất hiện cơ chế cuộn.

• Sử dụng dễ dàng: Hộp sẽ kích hoạt (bắt đầu cuộn phần tử con) nhẹ vào sự kiện di chuột và hoàn toàn trên chuột xuống.

Đây là một minh chứng:

Đối với các khu vực cuộn dài, cuộn tăng tốc là điều bắt buộc thông qua thực hành này, nếu không, khả năng điều hướng nội dung của người dùng sẽ nhanh chóng bị ức chế.

Sau khi giải quyết vấn đề này, tôi nghĩ rằng tôi có thể tạo một plugin JQuery cho và sử dụng thực tiễn này cho ứng dụng web tiếp theo của mình.

Đảm bảo rằng lượng nội dung mặc định được hiển thị lần đầu tiên hiển thị một mục ở phía dưới (giả sử cuộn dọc) chỉ được tiết lộ một phần, từ đó thông báo cho người dùng có nhiều hơn bên dưới và họ có thể tiếp cận / tiết lộ nó.

Đây là những gì tôi sẽ thử:

Một gradient mềm đi qua một chút nội dung. Điều này chỉ ra rằng có nhiều hơn dưới đây. Ngoài ra, tất nhiên bạn có thể thêm một mũi tên nhỏ.

Làm thế nào rõ ràng bạn muốn làm cho nó sẽ đi xuống người mà bạn nghĩ khán giả sẽ là gì và bối cảnh là gì.

Các kỹ thuật tìm đường thông thường như mũi tên và đồ họa tiếp tục vượt quá khả năng có thể giúp người dùng hành trình. Ngoài ra, bạn có thể sử dụng hệ thống menu / điều hướng neo, mà nhiều trang web đơn sử dụng.

Giải pháp trắng trợn và xấu xí nhất sẽ là một cửa sổ thông báo cho người dùng cuộn xuống để biết thêm nội dung, sau đó ẩn đi khi diễn viên cuộn (kiểu thông báo cookie).

Một tùy chọn khác là thay đổi con trỏ khi di chuột qua phần tử sang thứ gì đó cho biết cuộn, chẳng hạn như mũi tên di chuyển chỉ và chỉ xuống dưới, hoặc thứ gì đó biểu thị 'đọc thêm bằng cách cuộn'.

Tất nhiên điều này chỉ hoạt động cho máy tính để bàn.