Title: Scroll behavior Smooth
Last modified: September 15, 2023

---

# Scroll behavior Smooth

 *  [GUSUM](https://wordpress.org/support/users/gusum/)
 * (@gusum)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/)
 * Hello!
   I would like link jumps to the same page and in the main navigation to
   be smooth. I have tried with this code, but it has not worked, nor with a plugin
   that I have seen in a tutorial…How should I do it to make it work?Thank you!html{
   scroll-behavior: smooth !important;}
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fscroll-behavior-smooth%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17058165)
 * Hello [@gusum](https://wordpress.org/support/users/gusum/),
 * Can you please share a link from the tutorial you’ve watched?
    Also, I didn’t
   see any issue on your website.
 * The CSS you’ve mentioned should be working fine, but considering caches issues.
   So if you have any cache plugin or server cache(CDN / Browser Cache and Cookies
   and …), you need to clear its cache contents or disable them to see your changes.
   Also, remember to click on the regenerate all assets file and data in Elementor
   > Tools(if you have Elementor).
 * Also, you can try a third-party plugin like this:
    [https://wordpress.org/plugins/mousewheel-smooth-scroll/](https://wordpress.org/plugins/mousewheel-smooth-scroll/)
   I usually use this plugin.
 * Best Regards
 *  Thread Starter [GUSUM](https://wordpress.org/support/users/gusum/)
 * (@gusum)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17063065)
 * Hi [@skalanter](https://wordpress.org/support/users/skalanter/),
   Yes, you are
   right, I have viewed my website from another browser and sure enough, the code
   works. It is the chrome cache, I don’t know how to clear it, I have already indicated
   it several times in > tools > clear browsing data > cookies, but the effect is
   still not seen…
 * Regarding the tutorial I had seen, I can’t find it now, but here is a similar
   one: [https://www.youtube.com/watch?v=7Pgr0QrZelQ](https://www.youtube.com/watch?v=7Pgr0QrZelQ)
 * Thank you!
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17064765)
 * Hello [@gusum](https://wordpress.org/support/users/gusum/),
 * The anchor links are working correctly on my end; however, it could be some issues
   could happen, so you can check the following list:
 * 1. Ensure the “Scroll Effect” is enabled on Customizer > General Options > Performance–
   by default, it is enabled on the theme.
    2. The Smooth Scrolling flag is disabled
   on your browser, set it enabled or default. 3. Affects from the extensions, disable
   them and recheck the issue. 4. There is a conflicting CSS property, disable plugins
   and activate them one by one and recheck the issue. 5. Check the issue on another
   device.
 * If you have checked all of the above and smooth scrolling is still not working,
   you can use JavaScript to scroll smoothly, like this:
 *     ```
       window.scrollTo({
         top: document.getElementById('my-element').offsetTop,
         behavior: 'smooth'
       });
       ```
   
 * Note 1: If you looking for a custom and advanced smooth scrolling option, you
   need to use a third-party plugin.
 * Note 2: If you have any cache plugin or server cache(CDN / Browser Cache and 
   Cookies and …), you need to clear its cache contents or disable them to see your
   changes. Also, remember to click on the regenerate all assets file and data in
   Elementor > Tools(if you have Elementor).
 * I hope this helps!
    Best Regards
 *  Thread Starter [GUSUM](https://wordpress.org/support/users/gusum/)
 * (@gusum)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17071465)
 * Hi again [@skalanter](https://wordpress.org/support/users/skalanter/)
   I’m sorry
   for the delay in my response.
 * Thank you for your detailed response.
   Could you tell me where I can see the option
   to enable or disable smooth scrolling in Chrome please?Thank you!
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17075894)
 * Hello [@gusum](https://wordpress.org/support/users/gusum/),
 * In the flag menu, you can see those options.
    For more information about the 
   flag menu on chrome, please follow this link: [https://developer.chrome.com/docs/web-platform/chrome-flags/](https://developer.chrome.com/docs/web-platform/chrome-flags/)
 * Summary: To access the Chrome flags menu, follow these steps:
    1. Open Chrome.
   2. In the address bar, type chrome://flags and press Enter. 3. In the search 
   bar at the top of the page, type smooth scrolling. 4. Click the drop-down menu
   next to the Smooth scrolling flag and select Enabled or Disabled. 5. Click the
   Relaunch Now button at the bottom of the page. Chrome will restart with the new
   smooth scrolling setting enabled or disabled.
 * Best Regards
 *  Thread Starter [GUSUM](https://wordpress.org/support/users/gusum/)
 * (@gusum)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17081129)
 * Thanks, [@skalanter](https://wordpress.org/support/users/skalanter/),
 * Greetings!
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17082432)
 * You’re welcome.
    I’m glad we could help.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Scroll behavior Smooth’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.5/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

 * [smooth scrolling](https://wordpress.org/support/topic-tag/smooth-scrolling/)

 * 7 replies
 * 2 participants
 * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/)
 * Last activity: [2 years, 7 months ago](https://wordpress.org/support/topic/scroll-behavior-smooth/#post-17082432)
 * Status: not resolved