Scroll to top when clicking on the navigation links

[art2mediaParticipant]

Hi there,

I’m trying to add a scroll effect. I have isotopic results and navigation active. It looks like in the screenshot. if I click on a page it should scroll up.

I tried this:

jQuery(document).ready(function( $ ) {
	
$('.asp_navigation li').on('click', function () {

	$('html, body').animate({
		scrollTop: $('.asp_shortcodes_container').offset().top
	}, 300, 'linear');
});
	
});

But without effect. It doesn’t even add event listeners.
Can you tell me if this is possible and if I’m missing an easy click in the plugin settings?

Best regards,
Simon

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi Simon,

Your code looks okay, but I would recommend a slightly different approach. If the event handler does not attach, the code might not be positioned correctly – or the event handler gets detached, as the results are dynamically changing.

I would suggest something like this:

Add this custom code to the functions.php in your theme/child theme directory (copy from line 3 only!). Before editing, please make sure to have a full site back-up just in case!

This appears to be working on my end. The jQuery ‘on’ handler is better attached to the results div, as the results content is constantly changing, and the handler can get detached on dynamically changing elements.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[art2mediaParticipant]

Hi there,

thank you, that works exactly as needed!

Best regards,
Simon

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts