Good afternoon, dear readers! Today the article will be quite short, but suddenly it will help someone. In one of the previous articles, we talked about the background problem.
Today a colleague called and said a strange thing - when you move the mouse pointer over links and elements of Internet pages, the browser window jerks up and down slightly, which is terribly annoying. Google Chrome browser.
I've encountered such a problem before, especially on Windows 10, although, to be honest, only with this version there were problems.
It all lies in one setting - hardware acceleration. In short, the operating system, if possible, removes some of the load from the processor and transfers it to the video card. But because of the "crooked" video card drivers, flaws in combined systems (laptops where the integrated card first processes video, and the external one is connected only at increased load), incorrect settings - all the charm of hardware acceleration is lost. Which is what happens in this case.
Scroll or scroll bar Is a tool through which the page with content is scrolled to display those areas of it that are outside the visibility of the first screen.
The appearance of scrolling in normal practice occurs by the decision of the browser, when the entire content of the page does not fit into the visible area of the user. The appearance of a scroll bar vertically and horizontally is possible. When a strip appears, the entire page shifts slightly to the left (depending on the side of the scroll), since it reserves a certain amount of space. Typically, the standard stripe is less than 20 pixels wide.
Such an effect in professional slang is called "twitching the site", remember this and do not get lost when you come across this specific term again. This effect is seen firsthand when switching from a page without scrolling to a page on which it is. It really looks like a slight twitch.
Proposed solution
Typically, layout designers don't bother with the jerking problem. However, if your eyes are already very irritated by this phenomenon, then we offer a simple solution. To remove the effect, it is necessary to bring all pages to the same width, for this we write a property in the CSS file that will add a scroll bar on all pages of the resource (even for which it is not required).
html (overflow-y: scroll;)
What browsers does it work in?
| 6.0+ | 6.0+ | 10.5+ | 5.0+ | 3.6+ | - | - |
Browser twitching is also called scrolling. This problem has been known to Google developers for a long time. However, her decision was delayed. The only things that are available to users are extensions, built-in functions and third-party tools that allow you to customize smooth scrolling of pages.
Scrolling settings in Google Chrome
Google is testing a variety of features to customize your browser for the best experience possible. Among them there is also a function for adjusting scrolling. In order to activate it, you need to do the following:
- Launch the browser. Enter chrome: // flags in the search bar.
- A new page with test functions will appear. You need to enter the query "Scrolling" in the search box.
- Among the search results we find "Smooth Scrolling" (Smooth scrolling). We set the value "Enabled".
- Or, in the search bar, you can immediately enter the query # smooth-scrolling and enable this option.
It is important to note that this option is test and for its normal operation you need to make a couple more changes to the mouse settings, namely:
- Click "Start", "Control Panel", "Mouse".
- A small window will appear. You need to open the "Wheel" tab. For the number of wheel turns, set the value "4".
- We save the settings and test the smoothness of scrolling in the browser.
Also in the Google Store you can find the Chromium Wheel Smooth Scroller extension. It allows you to achieve a little smooth scrolling of pages and a slider in the program itself. In order to install this extension, you should follow these steps:
- Click on the browser menu button and select "Settings". Further, in the menu on the left, you need to click on the "Extensions" button.
- A new tab will appear. You need to click on the link "Go to the Google store ...".
- In the search box, enter the required query.
- Next, click "Add to Chrome".
- We confirm the addition of the extension to the browser.
- Turn on the extension with the button located on the toolbar.
Few of the users use the side scrollbar. Most are used to using a wheel or touchpad. However, if you are using browser scrolling, you can use the Overlay Scrollbars function to adjust it correctly. To do this, enter the # overlay-scrollbars query in the test functions section. You need to enable all the features that you find. Depending on the version of the operating system and the version of the browser, there can be from one to three such functions.
After activating Overlay Scrollbars, when you hover over the side scrollbar, you can see that it expands and shrinks for ease of grabbing and moving.
It should be noted that third-party extensions can be used to customize smooth scrolling. For example, you can install the SmoothScroll tool. It's available in the Chrome Store. All that is needed is to add the extension to the browser.
A small window will appear. Here you need to set the parameters for scrolling. We customize for ourselves.
There is also an extension such as Touch & Drag Scroller. It allows you to implement an option such as an on-screen joystick in the browser. In fact, such an extension is convenient for touchscreen devices. After installing it, a small circle appears in the browser. By clicking on it with the left mouse button and holding it, the user can scroll through the pages.
If, on the contrary, you want to hide the scrollbar, then you can install Minimal Scrollbar among the extensions. This extension will adapt the scrollbar for each specific site. And if you do not want to deal with the scrolling settings, then you can install the Scroll Buddy extension. It is designed for automatic scrolling.
It is important to note that all of the above methods work on all operating systems, including Mac OS, Linux and Android. However, to implement smoother scrolling, you also need to configure the mouse. Only in such a combination there will be no jerking in the browser while scrolling through pages.
