Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Smooth scrolling one page / anchors
New Landing › How can we help? › Themeforest Theme Support › Dante › Smooth scrolling one page / anchors
- This topic has 23 replies, 12 voices, and was last updated 9 years by Rui Guerreiro – SUPPORT.
-
Posted in: Dante
-
December 29, 2013 at 10:27 pm #39479
What is the easiest way to smoothly (easy ease) scroll to an anchor within a page?
E.g. Have a start page with a fullscreen image and a button on it that says “scroll down”, once the button is pressed the page will smoothly scroll down to the anchor, e.g. a section about services.
Like having the scroll function of the “one-page-wonder menu” but not the menu.
Thanks in advance!
January 1, 2014 at 10:06 am #39755Hi ,
Ed i believe would be better able to answer your query . Have assigned this to him.
Thanks
TahirJanuary 2, 2014 at 10:32 pm #39952Hi there,
With the next update, we are adding the ability to include this on your own links simply by adding href=”#asset” class=”smooth-scroll-link”
Hope that helps.
– Ed
January 3, 2014 at 12:26 pm #40019Great that there is going to be an update with this ability. Any time table for the next update?
January 3, 2014 at 9:00 pm #40109Early next week, just a few things we’ve got to sort out and we’ll release it – it’s a very big update 🙂
– Ed
January 4, 2014 at 4:57 pm #40313Sounds great, thank you!
January 6, 2014 at 1:12 pm #40522I’ve also been trying to achieve this so good to hear it is possible in a coming update.
Will you update this post when the update is out with instructions?Thanks
January 8, 2014 at 10:51 am #40955Hi,
The Update is out Version 1.5 released on 6th Jan. Download Now ! 🙂Thanks
TahirJanuary 11, 2014 at 2:06 am #41706Thank you very much for the update and respone!
It functions perfectly on normal pages. Great work 🙂
However if I have a fullscreen video with a button overlayed (and using the naked header styling css) there’s an issue:
The button appears, moving upwards (standard animation for parallax). Clicking it, the page will scroll down, but sadly past the anchor (scroll down way too much).
How can that be fixed, any suggestions?
(sorry the website is local for now, but a screenshot of the button is attached)
Thanks in advance.
January 13, 2014 at 3:47 pm #42141Make sure you’ve added the anchor above the section (using a blank spacer with 0px height is a good solution).
Hope that helps.
– Ed
July 28, 2014 at 10:02 pm #95465That’s the first thing I did 🙂
My solution:
Meanwhile I found out that the problem lies with the video/parallax element stretching to a full height via animation. If I use a fixed content height as “Parallax Video Height”, it works!Sorry for taking a bit to respond.
July 29, 2014 at 1:14 pm #95719Ok great, no problem
– Kyle
September 2, 2014 at 9:55 pm #106482Is this functionality the same for Cardinal?
ie: href=”#asset” class=”smooth-scroll-link”
September 3, 2014 at 9:26 am #106573Hi,
Its same for Cardinal theme too.
Thanks 🙂
With Best Regards
MohammadSeptember 4, 2014 at 8:00 pm #107180it’s not working for me on this page:
http://madotta.com/iphone-6-casesI have the latest version of the theme
what should be the issue?Cheers,
Sia -
Posted in: Dante
You must be logged in and have valid license to reply to this topic.