![general. smoothscroll general. smoothscroll](https://cdn.windowsreport.com/wp-content/uploads/2019/04/e-1-1-330x56.png)
Enable this option to be able to change font size in the editor by rolling the mouse wheel while holding the Ctrl key. Change font size with Ctrl/Command+Mouse Wheel. Make sure that the anchor you add to the link matches the anchor ID in the row. Use the General page of the Settings/Preferences dialog to configure the editor behaviour and customize its view. The most common use of scroll (in general) is on the internet while reading the contents of a webpage. If you press the mouse scroll wheel, you can move your mouse up/down and the scroll will be very smooth.
![general. smoothscroll general. smoothscroll](https://user-images.githubusercontent.com/86945563/138728674-040eb630-f6d0-466c-9192-af47071db6c4.png)
In this case, the link you input in the button element will have to contain the path to the page in question, followed by # and the anchor ID: The best way to describe the smooth scroll is to compare the regular mouse scroll with the scroll when the scroll wheel is pressed. You can even link to a different page than the one your button is on, by inputting the anchor ID into a row on the other page.
![general. smoothscroll general. smoothscroll](https://beardesign.me/media/5bbbeb8b263bd0.23844985.png)
Enabling a smooth scroll allows you to scroll like that with your regular wheel scroll. When clicked, this button will smooth scroll to the row containing the anchor ID. The best way to describe the smooth scroll is to compare the regular mouse scroll with the scroll when the scroll wheel is pressed. In the Link field, you will input a # followed by the anchor ID you set for a row you want to scroll to in the page: To demonstrate, we will be adding the anchor class to a button element and linking it to a row further down the page.įirst, you need to add the anchor class using the Custom CSS Class field: If the element you want to link from has the option to input additional classes using the Custom CSS Class field, you will be able to use anchors with it. In order to have an anchor link with a smooth scroll effect, you need to be able to add the anchor class to the element containing the link. For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation. For example, use hover:scroll-auto to only apply the scroll-auto utility on hover. Issues with reflowing ('full') zoom should be filed in Core :: Layout (for issues with page rendering when zoomed) or Firefox :: Toolbars and Customization (for issues with the zoom level indicator UI) instead. Anchor links were primarily made to be used in menus, however, in some cases they can be used outside the menu as well. Tailwind lets you conditionally apply utility classes in different states using variant modifiers. Covers issues relating to the asynchronous panning and zooming (APZ) module, including scrolling and gesture detection.