-
Posts
-
Hi.
I was wondering if there was a way to make a button scroll to a certain part of a page. On my pricelist page, I have a FAQ at the bottom of the page and I need a button to scroll to that part of the page.
Website is: http://thelunchbawx.com/Do you need login details?
Thanks.
Hi there,
Thanks for writing in! Yes you can assign an ID to the section and use this to point the section. It’s same as how One Page Navigation works; so you can just follow this – https://community.theme.co/kb/how-to-setup-one-page-navigation/
Cheers!
Hello.
I tried putting this in the ID section of the button and it didn’t do anything: #x-content-band-7
Thanks.
Hi there,
Kindly point us where you put this and the section you are referring. It would be better if you add your own ID using the ID field instead of the default generated ID.
Cheers!
I have the button setup on the pricelist page. I would like the button to scroll to section 8.
I’m not sure what you mean by add my own? Sorry I’m kinda noob when it comes to this.
Thanks!
Hi There,
Do the following.
On your target section on Cornerstone add the ID: my-section
You can do that by clicking on the section and on Cornerstone left tab you can scroll down and you will find a box for ID – type there: my-section
On the button you add to the href: #my-section
Save it,
Hope that helps
Joao
Perfect, thank you!
One more thing, I have a button on my slider that says FAQ (it’s the orange one) on the homepage and I already have it setup so if I click on it it goes to the pricelist page and it scrolls down but i want it to be smooth like when you click the button I just setup. My Slider plugin dev already tried to help but he can’t because the smooth scroll is part of the theme. Can you help with this?Thanks!
Hi There
I am not quite sure what is the issue you are facing, you can follow the same reccomendations above and it should work.
Since when i clicked on FAQ button nothing happen I cannot see the issue.
Let us know more details,
Joao
Okay, so on my homepage there’s a slider on one of the slides (It’s orange) there’s a button at the bottom of the slider that says FAQ, I already have the button setup so it goes to the page and scrolls down. All I want is the scroll to be smooth.
Here’s a screenshot.
Thanks!
Hello There,
Thanks for the updates! I have checked your site and see your button which is already in place and when you click on it, it goes to a new page, the Pricelist Page and then it scrolls to the section. Could please install the X – Smooth Scroll plugin which you can get from X Addons > Extensions section?
Hope this helps.
I already have smooth scroll installed and activated. That’s the weird thing because the smooth scroll works with the other scrolling button just not the one on the slider.
Hi there,
Thanks for updating. It seems you are trying to get that on different page. Note that the animation will work on the same page. So as you are trying to point a section from another page; it won’t work as it shouldn’t.
Hope this makes sense.
Alright I understand. Is there code where I can make it smooth? Like JS or something. I saw other people on the forum wanting the same thing but the code didn’t work for me as it worked for them.
Thanks!
Hi there,
Do you have the thread URL? I don’t see any custom code at your site that binds the scrolling on page load. Please try this one https://community.theme.co/forums/topic/one-page-scroll-function-is-jumpy/#post-50188
And you have footer content such as this which breaks the layout,
<p>© THELUNCHBAWX 2016 <aIt should be just a plain text.
© THELUNCHBAWX 2016Thanks!
Hi!
Do you mean by thread URL this? http://thelunchbawx.com/pricelist/#faq
I just tried that code and what it does is still jumps to the section but then goes back to the top and then smooth scrolls down. Which is a little weird.I also fixed the footer content to the plain text but what do you mean by breaks the layout?
Thanks!
