Page 1 of 1

Needed: scroll to bottom *not* scroll to top

Posted: Thu Aug 22, 2019 2:21 pm
by bulgin
With the many powerful and colourful joomla templates available these days many landing pages have large images filling the screen - but users can't find any way of navigating.

I know there are many "scroll to top" modules, even one built into Joomla. But I can't find any scroll to bottom.

Suggestions?

Re: Needed: scroll to bottom *not* scroll to top

Posted: Thu Aug 22, 2019 2:30 pm
by sozzled

Re: Needed: scroll to bottom *not* scroll to top

Posted: Thu Aug 22, 2019 3:14 pm
by bulgin
Brilliant!

I have one even better than that. How about this:

Go to google (that would be www.google.com)

Type into google using your computer's keyboard (that would be the little square buttons with letters on them)

"Joomla scroll to bottom"

Just amazing! All the results are for modules that scroll to the top.

Re: Needed: scroll to bottom *not* scroll to top

Posted: Thu Aug 22, 2019 3:55 pm
by gws
Take out the "Joomla" from the search as sozzled stated and you will get many solutions. You could use anchors as well.

Re: Needed: scroll to bottom *not* scroll to top

Posted: Fri Aug 23, 2019 1:05 pm
by Nidzo2203
bulgin wrote:
Thu Aug 22, 2019 2:21 pm
With the many powerful and colourful joomla templates available these days many landing pages have large images filling the screen - but users can't find any way of navigating.

I know there are many "scroll to top" modules, even one built into Joomla. But I can't find any scroll to bottom.

Suggestions?
Try this
https://extensions.joomla.org/extension ... l-buttons/

SOLVED: Needed: scroll to bottom *not* scroll to top

Posted: Sat Oct 05, 2019 2:14 am
by bulgin
go here:

https://codepen.io/bisaillonyannick/pen/pvZeGg

copy html code into a custom module and place that module in your template where you want the bouncing button to appear.

Then, at that same URL shown above, copy and paste the CSS code into the custom css file appropriate for your template.

Save everything and see the new bouncing button on your website.