Thanh cuộn tùy chỉnh so với trình duyệt gốc

Bao gồm các thanh cuộn dựa trên JavaScript có thể tùy chỉnh (và chức năng cuộn nói chung, nghĩa là liên kết điều khiển với bánh xe cuộn chuột) trong ứng dụng web của bạn có thể là một cám dỗ tuyệt vời.

Tuy nhiên, tất cả các giải pháp tôi có thể tìm thấy được phát triển bởi các cá nhân (có thể thiếu sự hỗ trợ chính thức hoặc tương lai). Ngoài ra, tôi không nhớ bất kỳ trang web chính nào sử dụng chúng.

Trong trường hợp cụ thể của tôi, môi trường không có JavaScript hoặc IE6 / trình duyệt lẻ không có ý định được hỗ trợ.

Có nên tránh các thanh cuộn tùy chỉnh ngày nay? Nếu không, lựa chọn tốt nhất người ta có thể chọn là gì?

Một lập luận rất quan trọng luôn thuyết phục tôi khi nói đến tính khả dụng là tính nhất quán. Bạn có thể muốn làm cho tất cả các tay cầm trong trang web của bạn trông giống nhau, mục tiêu cao cả, nhưng hãy nghĩ về cách ai đó sử dụng ứng dụng hoặc trang web của bạn. Họ không chỉ sử dụng của bạn, họ đang sử dụng tải. Trên thực tế, tôi đã có 8 tab của 6 trang web khác nhau mở ngay bây giờ. Tôi có thể chuyển sang bất kỳ tab nào và vẫn có cùng thanh cuộn, trông giống nhau, bất kể ở đâu. Tôi luôn biết nơi tôi có thể cuộn nội dung của mình.

Vì vậy, nếu có thể, và nếu nó không làm phiền bất kỳ nhà thiết kế đồ họa nào, hãy gắn bó với những gì mọi người biết :) Trừ khi bạn có một ý tưởng mới tuyệt vời, đó sẽ là một cuộc cách mạng mới trong việc cuộn!

Nếu bạn thêm các thanh cuộn tùy chỉnh của riêng mình, người dùng sẽ phải chờ và xử lý nó trong tâm trí của họ trong một vài giây - trước khi họ có thể sử dụng nó. Điều này không phải lúc nào cũng tốt - bạn đã có nội dung trên trang web của mình để người dùng xem và hiểu, hãy để mọi thứ khác diễn ra như mong đợi.

Luôn cố gắng làm cho bạn trang web DỄ DÀNG để điều hướng. Làm đẹp không nên đòi hỏi (hoặc kích hoạt) nhận thức .

Tôi nghĩ rằng thay thế các thanh cuộn không phải là một ý tưởng tốt. Khi bạn đã quen với hệ điều hành và trình duyệt - việc cuộn không đòi hỏi nhiều đầu vào từ não của bạn. Có những thiết kế độc đáo là tuyệt vời nhưng bạn sẽ nhầm lẫn khách hàng của bạn. Là giá trị gia tăng đủ để bù đắp sự khó chịu cho nắm tay vài lần họ sử dụng nó.

Ý tưởng của tôi là sử dụng thanh cuộn tùy chỉnh, nếu vẫn nằm trong phạm vi thẩm mỹ, tức là trông giống như chỉ thay đổi giao diện của thanh cuộn mặc định, không phải là ý tưởng tồi. Người dùng ngay lập tức hiểu các phần tùy chỉnh khác của trang web như nút tùy chỉnh, hộp kiểm tùy chỉnh, v.v. Bạn có gặp khó khăn khi hiểu thuộc tính có thể nhấp của nút bỏ phiếu trong các trang web stackexchange không? Hoặc bạn có vấn đề khi tương tác với các hộp văn bản đầu vào tùy chỉnh để gắn thẻ câu hỏi trong các trang web stackexchange hoặc Yahoo mail? Thanh cuộn cũng có thể được người dùng cuối nhận ra nhanh chóng, miễn là họ không thay đổi bố cục hoặc chức năng dự kiến ​​của trình duyệt, ví dụ như cuộn theo hướng ngược lại hoặc tạo thanh cuộn tròn. Bạn tốt để đi miễn là bạn chỉ thay đổi làn da.

Tuy nhiên, có một số vấn đề với thanh cuộn tùy chỉnh mà bạn nên xem xét:

1. Họ thường cần một lượng thời gian đáng kể để trở thành trình duyệt chéo
2. Chúng có thể không tương thích về phía trước, tức là bằng cách phát hành các phiên bản trình duyệt mới, chúng có thể bị hỏng chức năng.
3. Bạn phải tự thực hiện hành vi cuộn. Đối với mục này, hãy xem xét các nút HTML. Khi bạn thêm disabled='disabled'thuộc tính cho chúng, trình duyệt sẽ không chấp nhận nhấp chuột hoặc nhập nữa vào chúng. Tuy nhiên, khi bạn sử dụng một <div>yếu tố để bắt chước hành vi của một nút, thì bạn nên tự mình thực hiện hành vi bị vô hiệu hóa. Thanh cuộn tùy chỉnh cũng nên thực hiện chức năng cuộn, đã được trình duyệt triển khai.

Mặc dù những điều chúng tôi nói, tôi khuyên bạn nên bắt đầu một dự án sở thích (không phải sản xuất) để trải nghiệm sử dụng và triển khai các thanh cuộn tùy chỉnh. Xem này trang cho các ví dụ tốt.

Jacob Nielsen có một mục tuyệt vời trên thanh cuộn và những gì bạn nên làm với chúng. Ông đặc biệt khuyên không nên sử dụng thanh cuộn của HĐH và cảnh báo chống cuộn ngang.