Scroll to filter on load?

Anonymous

#249381

Hello, thanks for the great plugin.

Is it possible to scroll the window to the filter on load (in the case that you’re accessing the page with filter parameters applied to the permalink)?

If there isn’t a setting for this is there script that I can add to my theme?

Trevor

#249406

The settings we have for ‘scroll to’ are here in the form design, on the Display Results settings tab in the Ajax section:

https://www.screencast.com/t/ckyArmLs

Anonymous

#249474

Hey Trevor, thanks for the response. Yup—I have that all set up to scroll to the search form on ‘all’.

My question is, if I go to the page using the ‘bookmarkable permalink’, is it possible to scroll to the search form as if I was using an anchor link?

Matter of fact, I don’t even mind if it doesn’t scroll. Is there a setting to make the ‘bookmarkable permalink’ show the search form (or any other #) at the top of the window?

Thanks again!

Trevor

#249481

I guess all you would need to do is make one of the containing elements for the form has an ID and simply use that, maybe something like this:

mysite.com/searchpage/#myid?_sf_s=hello

Maybe? I am not sure if that would work though. You might have to set the page up with some form of JavaScript that scrolls the page down to the form.

Anonymous

#249493

Thanks Trevor—unfortunately, that ID approach doesn’t seem to work. The window isn’t at the anchor AND it prevents the filter functionality.

Has any JS wizards out there implemented a smart scripted approach?

Trevor

#249497

I am not aware of any code snippets, but a search of Google gives me these articles:

https://www.google.com/search?q=jquery+scroll+to+anchor+on+document+ready+site%3Astackoverflow.com

Anonymous

#249652

Awesome, thanks for helping with that search query. I should have guessed you guys are great at searching and filtering:)

Combining that with an if statement seems to be working well. Anyone needing a similar solution, please see below.

<script>
jQuery(document).ready(function () {
	jQuery(window).load(function(){
	    if (window.location.href.indexOf('?_sft_') > 0) {
	    	
	    	ele = scrollToElement(jQuery('form#search-filter-form-177'));
	    	
	    	function scrollToElement(ele) {
	    	    jQuery(window).scrollTop(ele.offset().top).scrollLeft(ele.offset().left);
	    	}
	        
	    }
	});
});
</script>

Trevor

#249654

Thanks for getting back to us and sharing that code with other users. I will close this thread for now.

[Author]

Posts