However, it is worth mentioning that the G402 is a stellar mouse in almost every other regard. No, the Logitech G402 Hyperion Fury does not have infinite scroll. So not only does the g502 have infinite scroll wheel, it also has the option to turn it off – great thinking if you ask us. In precision scrolling mode, the scroll event only fires when you have your finger on the wheel and moving it. In infinite scrolling mode, the scroll event keeps firing even after you remove your finger from the scroll wheel. In Logitech g502, the mouse wheel has two modes: infinite scrolling and single-click precision scrolling. Does the G502 have Infinite Scroll Wheel? On the other hand, if you want precise scrolling, then you may want to shy away from infinite scrolling. If you do a great amount of scrolling, then definitely infinite scrolling will make things easier.įor example, if you are in the habit of reading long documents or lengthy web pages, then an infinite scrolling mouse wheel is a boon. Common Questions Should I Use Infinite Scroll? There are those who think it’s fun to just scroll the wheel and then stop it at random, and then use whatever weapon it stops on. Some people have even discovered that this can be useful for some games.Ī few gamers, for example, have found that it lets you do tricks like “bunny hopping” when they’re doing a speed run. You can then go on YouTube and Facebook, and find comments located way past the first few comments on top. Instead, you can spin the scroll wheel and reach posts that appeared many months ago.Īnd then you can start from there until you get to the most recent posts. With a blog that offers several posts per day, for example, you won’t have to start with the latest posts and work your way to past posts. When you use this online, it’s also great for lots of infinite scroll web pages. It’s like being able to fast forward really quickly through a videotape. Just give the scroll wheel a few spins, and it can get you way past the beginning pages and nearer towards the middle of the document. It’s great when there’s no easy way to get to the middle part of a 10,000-page document. In fact, some people already complain about scroll wheels that are too loose, and that means the scroll wheel can offer inexact control.īut actually, this feature helps some people deal with insanely long documents and code. What Is It For?Īt first glance, this seems like another trippy feature that seems absolutely pointless. Notice that the only difference is that the overflow: auto container on the right has the overscroll-behavior directive.It’s like a bicycle wheel, as it takes time for the wheel to stop spinning on its own. Overscroll-behavior: contain /* Prevent SCROLL-CHAINING to parent elements. Overflow: auto /* The panel becomes SCROLLABLE due to content overflow. Using CSS Overscroll-Behavior To Prevent Scrolling Of Parent Containers From Within Overflow Containers The container on the left has no modifying CSS properties while the container on the right has the CSS property overscroll-behavior: contain: To see this in action, I have two overflow: auto elements laid-over a scrollable body element. This will prevent the "scroll chaining" behavior, which will, in turn, keep the mouse-wheel active within the target element. To do this (in Chrome, Firefox, and Edge), we can add the CSS property overscroll-behavior: contain to the overflow: auto element. Really, what we want to happen is to have the scrolling behavior always contained within the overflow: auto element. More often than not, this leads to an unexpected and undesired user experience (UX). Once this "scroll chaining" occurs, subsequent use of the mouse-wheel may not be applied to the overflow: auto element instead, the expression of the scrolling may continue to manifest in the ancestor element. However, when the user hits the top or the bottom of that content, the browser may start to scroll one of the ancestor elements, most commonly the body element. If you have an overflow: auto element, the user can scroll the content contained within that element.
#Mouse continues to scroll code#
View this code in my JavaScript Demos project on GitHub. Run this demo in my JavaScript Demos project on GitHub.