Portfolio category click and automatically scroll down to grid content

Hey jannnnnneke,
Sorry for the late reply, and thanks for the link. This will smooth scroll down when a sort item is clicked on mobile.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function ($) { 
  $("#top.home .sort_width_container a").click(function() {
  	var width = $(window).width()
  	var elmnt = document.getElementById("socket");
  	if ((width <= 768)) {
  	setTimeout(function () {
      elmnt.scrollIntoView({ behavior: 'smooth', block: 'start' });
  	}, 500);
  	} else {}
   });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the feedback, the script above is using the smooth option, it is looking “smooth” to me and not a “jump”, but if the “smooth” looks too fast try changing the number 500 in the code to 1500 and clear your site and browser cache a couple of times.
Unfortunately, I had to target the bottom of the container because the top was already in view and the scroll wouldn’t work. I could try to scroll by pixels, perhaps 400px?
If you would like to try this then please remove the above code so I can try again.

Best regards,
Mike

Hi,
Apparently, this is a known iPhone issue, I found a possible solution but I can’t test it because I only have an Android.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

body {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

or

body {
overflow-y: scroll !important; 
-webkit-overflow-scrolling: touch !important; 
}

Then clear your browser cache and check.

Best regards,
Mike