Home Forums Community Forum Smooth Scrolling Not Working On All Pages

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • Jetxpert-Envato
    Participant
    Post count: 255

    We activated Smooth Scrolling and noticed that it works on all of our website pages except two.

    The affected pages do not allow scrolling to the bottom of the page. The scrolling stops short of showing the Footer and Copyright bar. In other words, the affected pages do not scroll 100%, only about 70-80% of normal page view.

    We disabled all plugins, deactivated Cloudflare, and checked/compared the pages that did not like Smooth Scrolling with those that did. We also right-clicked (inspected) the affected pages using several browsers and found nada (no error messages). A big mystery, indeed!

    Anybody out there having the same issue? Solution?

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 255

    Update:

    We have determined that the issue may be caused by the plugin “Perfmatters.” (Lazy Loading feature).

    It appears the plugin’s Lazy Loading feature injects or embeds the CSS Code {overflow: hidden} into our pages which impacts the visibility (smooth scrolling) of some of our pages. The issue disappears when we deactivate the plugin’s Lazy Loading feature.

    Our clue as to what was causing this issue was found in this Reddit post.

    Based on the above, we have submitted a ticket to Perfmatters Support for additional review, testing, and a solution.

    Will advise further as soon as we receive an update from Perfmatters Support.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 255

    Update: (Root Cause, Temporary Fix, Permanent Solution)

    We received an update from Perfmatters Support (*)

    Root Cause:

    They have indicated that the issue (in our case) is being caused by a conflict between their plugin’s lazy loading library (code) and Avada’s “person-img” element.

    Temporary Fix:

    They have advised to use their filter to exclude the conflicting “person-img” element from lazy loading for now.

    The following snippet (PHP code) needs to be added to the functions.php file (or via the plugin, Code Snippets)

    function perfmatters_lazyload_exclude_attributes($attributes) {
         $attributes[] = 'person-img';
    
         return $attributes;
    }
    add_filter('perfmatters_lazyload_excluded_attributes', 'perfmatters_lazyload_exclude_attributes');

    Permanent Solution:

    Perfmatters is investigating a permanent solution. If any, it will be issued via a plugin revision or update.

    (*) Perfmatters’ support has been exceptional. From our interaction with them, they also provide weekend support.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 255

    Final Update: (Root Cause, Temporary Fix, Permanent Solution)

    Root Cause:

    After rigorous testing, we have determined the issue is being caused by a conflict between Avada’s Lazy Loading and Smooth Scrolling codes. Determination made after deactivating all plugins and only activating Avada’s Lazy Loading and Smooth Scrolling features.

    The issue IS NOT caused by Perfmatters.

    Temporary Fix:

    (1) If using Perfmatters (Lazy Loading Activated), use the filter provided above.
    (2) If using WP Rocket (Lazy Loading Activated), use the following filter:

    add_filter( 'rocket_lazyload_excluded_src', 'rocket_lazyload_exclude_src' );
    
    function rocket_lazyload_exclude_class( $attributes ) {
    	$attributes[] = 'class="person-img img-responsive"';
    
    	return $attributes;
    }
    add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

    (3) Permanent Fix:

    Avada needs to issue a fix (i.e., patch or plugin update) for this issue. Hoping other Avada user’s will chime and solicit help from Theme-Fusion to make this happen.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 255

    Update from Theme-Fusion: (Yay!)

    We are aware of the issues that are caused due to Smooth Scrolling script that is currently being used actually, we already have an item for this and will be replacing the smooth scroll with a better scroll script in future 🙂

    Cheers!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.