How to auto load a page to start at the bottom

Ask the community
,
1

Hi All! Weird request - I do not want my site to load at the top and users scroll down. I want the site to automatically load from the bottom and users scroll up. Particularly on the home page from the direct domain link if possible.

I am not new to Wix but I am new to code so I would really appreciate anyones help to try get this upside-down site working! tia!

2

Wix location API has a new option to navigate to a page while not scrolling to top: https://www.wix.com/velo/reference/wix-location/to

If you scroll from a bottom of the page then it will remain at the bottom.

Then you can set an anchor at the top of the page and scroll to it using this API: https://www.wix.com/velo/reference/$w/anchor/scrollto

Good luck!

3

Hi Asaf! Thanks for the quick response I really appreciate it! So I have input the following code and it works like a charm, only for the fist time though.

import wixWindow from ‘wix-window’ ;
// …
$w . onReady ( function () {
wixWindow . scrollTo ( 100 , 5499 ,{ “scrollAnimation” : false });

When you click off the page and come back it loads at the top. So I tried your other recommendation with the function as follows:

import wixLocation from ‘wix-location’ ;

const options = {
disableScrollToTop : true
};

$w . onReady ( function () [{]({

wixLocation.to(“/what-we-do#bottomstrip”):wink:

[wixLocation]({

wixLocation.to(“/what-we-do#bottomstrip”):wink: [.]({

wixLocation.to(“/what-we-do#bottomstrip”):wink: [to]({

wixLocation.to(“/what-we-do#bottomstrip”):wink: [(]({

wixLocation.to(“/what-we-do#bottomstrip”):wink: [“/what-we-do#bottomstrip”]({

wixLocation.to(“/what-we-do#bottomstrip”):wink: [);]({

wixLocation.to(“/what-we-do#bottomstrip”):wink:

This works fantastic as well, and stays when I click off the page and click back on it goes to the bottom. However, now I get that silly scroll animation going to the bottom now. As I am a compete newbe with code I do not know where to add the {“scrollAnimation”:false} I have tried a few different ways and I keep getting errors, sorry for the naiveté but your advice would be greatly appreciated.

4

I think you code line should be:

wixLocation . to ( “/what-we-do#bottomstrip”, options );