Xu hướng cuộn và trượt để chuyển đến đối tượng cần duyệt trên cùng một trang web đang là "mốt" thiết kế hiện nay. Trước đây, để áp dụng hiệu ứng này, các nhà phát triển web thường phải sử dụng Flash; nhưng hiện tại với sự hỗ trợ mạnh mẽ của các thư viện JavaScript, tính năng này được thực hiện khá mượt và dễ dàng cài đặt, chỉnh sửa.

Và bài viết này nhằm thống kê giúp bạn các bộ (mã nguồn) trượt và cuộn được xem là đẹp nhất hiện nay, được sử dụng trên 12 website khác nhau, vui lòng đọc bài viết chi tiết để xem thêm.

• Demo
• Phóng to
• Tải lại
• Cửa sổ mới

There has been a new trend in standards based design over the last year. The effect seems to have originally appeared in flash websites some time before, but with the use of javascript and a few good libraries people have found out how to do it while still using semantic XHTML/CSS.

The effect is what I call, "The Slider." Instead of normal navigation where you click on a link and it takes you to another page, or even dynamically loads content onto the existing page, The Slider scrolls you to a different portion of the same page automatically. Sometimes this is simply scrolling down the page to the next content block (in a slow manor rather than an instant jump). Other times people have it scroll to another portion of the page that is not in a vertical manor, maybe 4000 pixels to the right and 500 upwards. The effect being the feeling of traveling to a different portion of the page itself. Lastly some have content scroll with in the content, so rather than the whole page moving the content with in a content block my scroll in and out.

Hotel Oxford

Hotel Oxford Website

Hotel Oxford is the first site that I had seen doing this. While the page remains stationary, the content with in the design scrolls depending on what page you click on. The fact that every page has hard borders creates a very cool effect.

Team Viget

Team Viget

This is the second site I had ever seen doing this effect. Unlike hotel oxford Team Viget scrolls the whole window, creating a sense of moving down a hallway and looking up and down at the different postings on the wall. Very cool effect, and really transforms the website into something more.

Danny Blackman

Danny Blackman

Danny's portfolio site is the last type of Scoller that I have come across. His site doesn't hide any scroll bars, and you could navigate the site normally, but he empowers you to "Save That Scroll Finger" and click on his links which auto scroll you past some very cool illustrations to the next portion of the site.

More LLC

More, LLC

More is similar to Danny Blackmans, in that his site scrolls downward and allows you to manually scroll if you wish. However he added an extra touch by applying a fixed position transparent PNG at the bottom that makes the site look like it is fading into the page. Nice touch.

Brian Katzel

Brian Katzel

Brian seems to be a very creative individual, seen through his designs and through his use of scrollers, background images, and transparent foreground images. While his page his another site that scrolls vertically, and doesn't force you to auto scroll, he uses transparent images laid over a bright background image to make paint look like it is running down the page, changing shape, going through tunnels, and well... . you just have to see it because it is genius.

• Mã nguồn
• In

• Lời bình (0)
• Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Lời bình của khách sẽ được xem xét
Cung cấp email thật để nhận các trả lời, nếu không bình luận của bạn sẽ bị xóa

Tên bạn *
Email của bạn^g *
Website của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

• Lượt gửi (0)
• Mới