10th Mar '23
/
1 comment

How to disable smooth scroll in Bricks

In certain situations like using ScrollSmoother from GreenSock you may be looking to disable smooth scrolling functionality that’s built into Bricks.

To disable Bricks’ smooth scrolling, go to Bricks → Settings → Custom code and add this in the Body (footer) scripts text area:

<script>
window.bricksSmoothScroll = () => false
</script>

Reference

https://brickslabs.com/how-to-wrap-main-element-in-custom-divs-in-bricks/#comment-263

Tagged:
Bricks
Free
JavaScript

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 610 Bricks code tutorials with BricksLabs Pro

1 comment

  • Brad
    2 years ago Reply

    This doesnt work. Tried it with both the css smooth scroll on and off in the new settings options since 1.7.1. Any other ideas?

Leave your comment

 

Related Tutorials..

Pro
[WooCommerce] Sticky on Scroll Add to Cart section in Bricks

[WooCommerce] Sticky on Scroll Add to Cart section in Bricks

Setting up a sticky section that fades in when scrolling down and fades away when scrolled to the top.
Read more →
Categories: Bricks, Pro
Tags: JavaScript, sessionStorage
Pro
Button-specific HTML in Bricks Popup

Button-specific HTML in Bricks Popup

In the Bricks Facebook group a user asks: I need to create popups to expend the text (eg. read more). I wonder if I have…
Read more →
Categories: Bricks, Pro
Tags: Interactions, JavaScript
McDonald’s Order Promise Analogy

McDonald’s Order Promise Analogy

From the JavaScript course I am doing now: A Promise is like placing an order at a restaurant. You receive a ticket (Promise object) that…
Read more →
Categories: Free, JavaScript
Tags: JavaScript
Pro
Opening Submenus with Click Instead of Hover in Bricks

Opening Submenus with Click Instead of Hover in Bricks

This Pro tutorial provides the code for opening submenus with click instead of hover in Bricks. Step 1 Add this in child theme's style.css: Step…
Read more →
Categories: Bricks, Pro
Tags: JavaScript, Nav Menu
Setting Active Tab in Bricks’ Tabs (Nestable) Element

Setting Active Tab in Bricks’ Tabs (Nestable) Element

With Bricks' Nestable tab element, here's how we can set which tab is active by default.
Read more →
Categories: Bricks, Free
Tags: JavaScript, Tabs
Pro
How to Link to a Specific Tab in Bricks

How to Link to a Specific Tab in Bricks

This Pro tutorial provides the JavaScript code that will automatically switch to the tab when using Nestable Tabs elements based on the "tab" URL parameter…
Read more →
Categories: Bricks, Pro
Tags: JavaScript, Tabs
How to Create a Grid Slider in Bricks

How to Create a Grid Slider in Bricks

In this tutorial, we'll learn how to create multiple rows and columns inside the default nested slider of Bricks. Introduction A user recently asked in…
Read more →
Categories: Bricks, Free
Tags: JavaScript, Nested Slider
Pro
WP Grid Builder Filters inside Bricks’ OffCanvas

WP Grid Builder Filters inside Bricks’ OffCanvas

This Pro tutorial provides the steps to move WP Grid Builder's filters inside the Bricks' native Offcanvas on smaller viewport widths. Let's work with the…
Read more →
Categories: Bricks, Plugins, Pro
Tags: JavaScript, WP Grid Builder