[Resolved] Frontend Events

[Author]

Posts

[jamesH-8]

Tell us what you are trying to do?

Built a slider using views and added movement using scrollReveal. This works, however it kills the other scrollReveal effects on the page. Is there a way to restrict the frontend events to only affect the view and not the whole page?

Here is the frontend event I am using:

jQuery( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
/**
* data.view_unique_id (string) The View unique ID hash
* data.effect (string) The View AJAX pagination effect
* data.speed (integer) The View AJAX pagination speed in miliseconds
* data.layout (object) The jQuery object for the View layout wrapper
*/
new scrollReveal();
});

I have tried messing with the commented out sections without luck. Here is a page that displays my issue: hidden link

There is a blue bar at the bottom of the page that will fire it's scrollReveal effect up until the point the pagination occurs.

[Luo Yang]

Hello,

There isn't such a built-in feature within Vies plugin, your custom JS codes will take effect on the entire page, I suggest you check it with the developers of scrollReveal, check if it is possible to restrict events to some specific HTML element.

I have search the keyword "scrollReveal" with google, find this document:
hidden link

For your reference.