What is vertical scrolling?

This is a recommends products dialog
Top Suggestions
Starting at
View All >
Language
French
English
ไทย
German
繁體中文
Country
Hi
All
Sign In / Create Account
language Selector,${0} is Selected
Register & Shop at Lenovo Pro
Register at Education Store
Pro Tier Benefits
• Save up to an extra 20% on Think everyday pricing.
• Spend $15K, advance for FREE to Plus Tier with increased benefits.
Plus Tier Benefits
• Save up to an extra 25% on Think everyday pricing.
• Spend $50K, advance for FREE to Elite Tier with increased benefits.
Elite Tier Benefits
• Save up to an extra 30% on Think everyday pricing.
Reseller Benefits
• Access to Lenovo's full product portfolio
• Configure and Purchase at prices better than Lenovo.com
View All Details >
more to reach
PRO Plus
PRO Elite
Congratulations, you have reached Elite Status!
Pro for Business
Delete icon Remove icon Add icon Reload icon
TEMPORARILY UNAVAILABLE
DISCONTINUED
Temporary Unavailable
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
Sign in or Create an Account to Save Your Cart!
Sign in or Create an Account to Join Rewards
View Cart
Your cart is empty! Don’t miss out on the latest products and savings — find your next favorite laptop, PC, or accessory today.
Remove
item(s) in cart
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
of
Contains Add-ons
Subtotal
Proceed to Checkout
Yes
No
Popular Searches
What are you looking for today ?
Quick Links
Recent Searches
Hamburger Menu
skip to main content
{"backgroundColor":"#e6f4fa","sideMsg":"","data":[{"pcInfo":{"t_id":"","language":{},"id":""},"mAndTabInfo":"","bannerInfo":{"t_id":"Page94ee33f7-be68-4e3a-b027-f6548057899e","language":{"en_au":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3ENeed%20Help%3F%26nbsp%3B%3C%2Fspan%3E%3Ca%20target%3D%22_self%22%20href%3D%22tel%3A13%20LENOVO%20%2F%2013%20536686%22%20style%3D%22text-wrap%3A%20wrap%3B%20color%3A%20rgb(41%2C%2078%2C%20149)%3B%22%3ECall%20us%20on%2013%20LENOVO%20%2F%2013%20536686%3C%2Fa%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3Bor%26nbsp%3B%3C%2Fspan%3E%3Ca%20target%3D%22_self%22%20href%3D%22https%3A%2F%2Finside.chat%2FLenovoAU%22%20style%3D%22text-wrap%3A%20wrap%3B%20color%3A%20rgb(41%2C%2078%2C%20149)%3B%22%3Echat%20with%20us%3C%2Fa%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3Bfor%20order%20related%20help%20and%20access%20to%20special%20deals!%3C%2Fspan%3E%3C%2Fp%3E","en":""},"id":"Page94ee33f7-be68-4e3a-b027-f6548057899e"},"gInfo":{"t_id":"","language":{},"id":""}},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page3e63dbd2-63e6-49c3-8b4c-201c5d971e40","language":{"en_au":"%3Cp%3E%3Cimg%20src%3D%22https%3A%2F%2Fp2-ofp.static.pub%2FShareResource%2Fanz%2Fimg%2FMasthead_Carousel%2Flfs-logo--reversed.svg%22%20alt%3D%22logo%22%20width%3D%2290%22%20height%3D%2218%22%20style%3D%22text-wrap%3A%20wrap%3B%22%2F%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B24%20months%20Interest%20Free*%20with%20Latitude.%20Call%2013%20LENOVO%2F%2013%20536686%20or%20chat%20with%20us%20to%20place%20an%20order.%26nbsp%3B%3C%2Fspan%3E%3Ca%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%20text-decoration-line%3A%20underline%3B%20color%3A%20rgb(41%2C%2078%2C%20149)%3B%22%3ECHAT%20NOW%20TO%20ORDER%3C%2Fa%3E%3C%2Fp%3E","en":""},"id":"Page3e63dbd2-63e6-49c3-8b4c-201c5d971e40"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Paged56756f3-3589-40bc-b752-63a3a890e518","language":{"en_au":"%3Cp%3E%3Cimg%20src%3D%22https%3A%2F%2Fp3-ofp.static.pub%2Ffes%2Fcms%2F2022%2F09%2F20%2Fsgy8gw8u4tymopd8g2224x0drocvbb133978.png%22%20alt%3D%22zip-logo%22%20style%3D%22text-wrap%3A%20wrap%3B%22%2F%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B17%20months%20interest%20free*%20with%20ZIP.%20Call%2013%20LENOVO%2F%2013%20536686%20or%20chat%20with%20us%20to%20place%20an%20order.%26nbsp%3B%3Ca%20target%3D%22_self%22%20style%3D%22text-decoration-line%3A%20underline%3B%20color%3A%20rgb(41%2C%2078%2C%20149)%3B%22%3ECHAT%20NOW%20TO%20ORDER%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","en":""},"id":"Paged56756f3-3589-40bc-b752-63a3a890e518"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagebe06910a-f31e-4fa7-8a56-bee24cf85016","language":{"en_au":"%3Cp%3E%3Cimg%20src%3D%22https%3A%2F%2Fp4-ofp.static.pub%2FShareResource%2FJPResource%2FJP-Images%2Fworkstations-px%2Famazonmusic-unlimited-horizontal-black.png%22%20alt%3D%22Amazon%20Music%20Unlimited%22%20width%3D%22130%22%20style%3D%22text-wrap%3A%20wrap%3B%22%2F%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3BGet%204%20months%20Free.%20%2412.99%2Fmonth%20after.%20New%20subscribers%20only.%20Terms%20apply.%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22%2Fp%2Faccessories-and-software%2Fsoftware-subscription%2Famazon-subscription%2Frr00125299%3FipromoID%3Dau_pc_carousel_banner_amu%22%20target%3D%22_blank%22%20textvalue%3D%22LEARN%20MORE%22%20style%3D%22color%3A%20rgb(79%2C%20129%2C%20189)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(79%2C%20129%2C%20189)%3B%22%3ELEARN%20MORE%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":""},"id":"Pagebe06910a-f31e-4fa7-8a56-bee24cf85016"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page6ec00a73-b892-4293-8895-1e323f513ee4","language":{"en_au":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3EYoga%20Slim%207%20AI%20PC%20%7C%20Level%20up%20your%20creativity%20with%20next-gen%20AI%20experiences%20on%20the%20new%20Lenovo%20Yoga%20Slim%207x.%26nbsp%3B%20%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%20color%3A%20rgb(79%2C%20129%2C%20189)%3B%22%3E%26nbsp%3B%3C%2Fspan%3E%3C%2Fspan%3E%3Ca%20href%3D%22%2Fp%2Flaptops%2Fyoga%2Fai-pc-series%2Fyoga-slim-7x-gen-9-(14-inch-snapdragon)%2Flen101y0049%3FipromoID%3Dhellobar_au_04_AI_PC%22%20target%3D%22_self%22%20textvalue%3D%22Shop%20Now%22%20style%3D%22color%3A%20rgb(79%2C%20129%2C%20189)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(79%2C%20129%2C%20189)%3B%22%3EShop%20Now%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":""},"id":"Page6ec00a73-b892-4293-8895-1e323f513ee4"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc,tablet,mobile"}

What is vertical scrolling?

Vertical scrolling refers to the action of moving content vertically on a display screen, typically using a mouse, trackpad, or touchscreen. It allows you to view additional content by scrolling down or up the page.

How does vertical scrolling work?

When you scroll vertically, the content on the screen moves either upward or downward, depending on the direction of the scroll. This movement is achieved by adjusting the position of the content within the viewport of a web page or application.

What is the difference between vertical and horizontal scrolling?

Vertical scrolling moves content up and down, while horizontal scrolling moves it left and right. Vertical scrolling is more common and is used to navigate through lengthy articles, web pages, social media feeds, and other vertically oriented content. Horizontal scrolling is less prevalent and is typically used for specialized purposes like image galleries or data tables.

What are some common methods of vertical scrolling?

There are several ways to scroll vertically. On desktop computers, you can use the scroll wheel on your mouse or drag the scrollbar located on the side of a window. Touchscreen devices allow you to swipe up or down with your finger to scroll. Additionally, trackpads and touchpads often support two-finger or three-finger gestures to scroll vertically.

Why is vertical scrolling important in web design?

Vertical scrolling is essential in web design as it enables users to access and consume content that extends beyond the visible screen area. It provides a seamless and intuitive way to navigate through the vast amount of information available on the internet, ensuring a better user experience.

What is infinite scrolling?

Infinite scrolling is a technique used in web design where new content is automatically loaded as the user scrolls down the page, creating an endless feed of information. This approach eliminates the need for pagination or clicking "Next" to access additional content.

What are the advantages of infinite scrolling?

Infinite scrolling offers a few benefits. Firstly, it provides a continuous flow of content, keeping users engaged and reducing the need for manual interactions. Secondly, it simplifies navigation by eliminating the need for pagination links. Lastly, it can improve website performance as only a portion of the content is loaded at a time.

What is parallax scrolling?

Parallax scrolling is a visual effect where multiple layers of content move at different speeds, creating a sense of depth and immersion. This technique is often used in web design to add visual interest and enhance the user experience.

How does parallax scroll work?

Parallax scrolling relies on cascading style sheet (CSS) and JavaScript to animate different layers of content as the user scrolls. By adjusting the speed and direction of movement for each layer, a three-dimensional effect is achieved, making the website appear dynamic and engaging.

What are some benefits of using parallax scrolling in web design?

Parallax scrolling can captivate users and make a website more memorable. It adds an element of interactivity and depth, making the browsing experience more immersive. It can also be an effective storytelling tool, allowing designers to guide users through a narrative as they scroll.

What is smooth scrolling?

Smooth scrolling refers to a technique where the scrolling motion is fluid and visually seamless. Instead of the abrupt jumps commonly associated with scrolling, smooth scrolling provides a more polished and aesthetically pleasing transition.

How does smooth scrolling enhance the user experience?

Smooth scrolling can make navigating through a webpage feel more natural and effortless. It reduces the jarring effect of sudden jumps, creating a smoother visual flow. This can help users maintain focus and improve readability, resulting in a more enjoyable browsing experience.

What is scroll jacking?

Scroll jacking refers to a technique where the scrolling behavior is altered or overridden by the website's design. Instead of the usual smooth or linear scrolling, scroll jacking imposes custom scrolling effects that may not align with the user's expectations.

Is scroll jacking generally well-received by users?

Scroll jacking is a controversial technique in web design. While some users appreciate the visually engaging effects it can create, others find it disorienting and frustrating. Scroll jacking can also interfere with the user's natural scrolling behavior and make it difficult to navigate or access desired content.

What are the benefits of scroll snapping?

Scroll snapping improves the usability and aesthetics of websites by providing a more organized and predictable scrolling experience. It helps users navigate through content more efficiently and makes it easier to focus on specific sections, especially in cases where there is a large amount of content or multiple items to browse.

What are some popular websites that utilize vertical scrolling effectively?

Many popular websites make excellent use of vertical scrolling. Some examples include Facebook, Instagram, Pinterest, and Reddit. These platforms leverage vertical scrolling to present a continuous stream of content, such as posts, images, and comments, allowing users to effortlessly browse through a vast amount of information.

Are there any accessibility considerations for vertical scrolling?

Accessibility is an important aspect of web design, and vertical scrolling should be implemented with inclusivity in mind. Websites should ensure that their scrolling functionality is compatible with assistive technologies such as screen readers and keyboard navigation. It's crucial to provide alternative methods for scrolling, such as keyboard shortcuts or skip-to-content links, to accommodate users with disabilities.

Are there any best practices for optimizing vertical scrolling on mobile devices?

When designing mobile devices, it's important to ensure that vertical scrolling is smooth and responsive. Consider using touch-friendly gestures, like swipe actions, to facilitate scrolling. Additionally, optimize images and other media assets for mobile devices to avoid slow loading times. Testing the website on different mobile devices and screen sizes can help identify and address any usability issues.

Can vertical scrolling be used effectively in single-page websites?

Absolutely, vertical scrolling is often used in single-page websites to present information in a cohesive and easily digestible manner. By dividing content into sections and utilizing vertical scrolling, users can navigate through different sections of the website seamlessly, creating a smooth and engaging user experience.

Is vertical scrolling suitable for all types of content?

While vertical scrolling is widely used, it may not be the most suitable option for every type of content. For example, horizontal content, such as wide tables or panoramic images, may benefit from horizontal scrolling instead. It's essential to consider the nature of the content and user experience goals when deciding whether to implement vertical scrolling or explore alternative scrolling options.

How does the length of content impact vertical scrolling?

The length of content can influence how vertical scrolling is implemented. Longer pieces of content, such as articles or blog posts, may require pagination or a "Load More" button to break it into manageable chunks. On the other hand, shorter content, like social media feeds or image galleries, can utilize infinite.

{"pageComponentDataId":"e857fdeft7e51-4b61-84dc-bccec6e68e00","pageComponentId":"e857fdeft7e51-4b61-84dc-bccec6e68e00","isAssociatedRelease":"true","pageComponentDataLangCode":"en_au","configData":{"jumpType":"currentTab","headlineColor":"black","displayNumber":"","styleMode":"vertical","miniCardHoMode":"2","headline":"","products":[{"number":{"t_id":"21kccto1wwau5","language":{"en_nz":"21kccto1wwau5","en_au":"21kccto1wwau5","en":""},"id":"Pageb33ce4b8-4839-4ba3-b993-7296d68a91b8"}},{"number":{"t_id":"21mccto1wwau3","language":{"en_nz":"21mccto1wwau3","en_au":"21mccto1wwau3","en":""},"id":"Page1fa61927-074c-4fe0-a8df-5c94362fb75c"}},{"number":{"t_id":"21lkcto1wwau3","language":{"en_nz":"21lkcto1wwau3","en_au":"21lkcto1wwau3","en":""},"id":"Pageca014688-410e-439a-a4c6-bba2ef6d4715"}},{"number":{"t_id":"21g2cto1wwau3","language":{"en_nz":"21g2cto1wwau3","en_au":"21g2cto1wwau3","en":""},"id":"Page79cd32c8-d467-4d68-b955-d273bb24eda7"}}]},"urlPrefix":"AAAAAAAH","title":"glossary-right-blue-boxes-fragment","pageId":"65b55929-de05-417a-a92a-ccb888d329b0","urlEdit":0,"uri":"/FragmentDirectory/glossary/glossary-right-blue-boxes-fragment.frag","pageComponentUuid":"e857fdeft7e51-4b61-84dc-bccec6e68e00"}
coming coming
Starting at
List Price
Web Price
Web Price:
List Price
Web Price
List Price is Lenovo’s estimate of product value based on the industry data, including the prices at which first and third-party retailers and etailers have offered or valued the same or comparable products. Third-party reseller data may not be based on actual sales.
Web Price is Lenovo’s estimate of product value based on industry data, including the prices at which Lenovo and/or third-party retailers and e-tailers have offered or valued the same or comparable products. Third-party data may not be based on actual sales.
Learn More
See More
See Less
View {0} Model
View {0} Models
Part Number:
Features
See More
See Less
Compare
Added!
Great choice!
You may compare up to 4 products per product category (laptops, desktops, etc). Please de-select one to add another.
View Your Comparisons
Add To Cart
Add To Cart
We're sorry,
Products are temporarily unavailable.
Continue shopping
Learn More
Coming Soon
Featured Product
Top Deals of the Day
Oops! No results found. Visit the categories above to find your product.
Save
open in new tab
© 2024 Lenovo. All rights reserved.
© {year} Lenovo. All rights reserved.
Compare  ()
x