-
Posts
-
I followed the instructions on this page:
https://theme.co/x/member/forums/topic/easier-content-band-custom-naming/but I find that the scroll for each anchor link is very abrupt and sudden. Anyway to make it smoother so when i click on any option the navbar, it smoothly scrolls the page to the page i want?
Thanks.
Hey Joshua,
Please go to \framework\js and edit scrollspy-mod.js. Go to line 172 or find
}, 850, 'easeInOutExpo');
Change 850 to a higher number so it’ll scroll much slower.
Do the same for scrollspy-mod.min.js
Hope that helps. 🙂
no dice, i changed it to some ridiculously large number (like 9999850) but yet still the same.
By the way, i just need to change it in my
wp-content/themes/x/framework/js/ scrollspy-mod.js & scrollspy-mod.min.jsand upload it and it should be fine right?
It’s still very fast for me.
This reply has been marked as private.“upload it and it should be fine right?” Yes.
But the speed is still very fast for me. Does it work for you? Could you show me an example site you have that this works, so i can be sure we are talking about the same thing?
I am trying to get the jump to anchors to be smooth, if you hit an option that should jump to the 5th page on the one page navigation, it should scroll down and you should see in a flash, page 1, 2, 3, 4…. until it arrives at 5. Of course, it shouldn’t be too slow, but it should be smooth.
This reply has been marked as private.Hey.
the reason why it’s not working is because you’re using the wrong selector ids. You have to use #x-content-band-_ as selector like we explain it in our tutorial at: http://theme.co/x/member/kb/how-to-setup-one-page-navigation/
Each row gets a unique number and the first row has the ID: #x-content-band-1 the second #x-content-band-2 and so on. Hope this helps and sorry for the confusion.
I have tried x-content band and it still speeds really fast. I use values of 1850 instead of 850 already.
This reply has been marked as private.I checked out
Clicking on the top options, i realised that
1) None of the anchors like #x-content-band…. ever appears.
2) Scrolling is smooth.How is this done?
Hey Joshua,
Sorry for any confusion on this. The problem that you are encountering is the fact that you have your links placed in a dropdown menu, and links form a dropdown menu will not smooth scroll as they are supposed to for a few different developmental reasons. For the one page navigation to work properly, you must place your links in the top-level navigation. Regretfully, there is no way around this at this point other than ensuring that you have your menu setup correctly.
Thanks!
Check out my other links “about us”, “blog” etc. They are as you said, top level, but still doesn’t work.
Do you have an actual working example where I can actually see it work?
Hey Joshua,
You appear to have not assigned your menu using the One Page Navigation option in the Page Settings meta box below the editor on the page. I know we mentioned it in a post above, but have you followed all of the steps in the article about how to setup one page navigation in the Knowledge Base?
It works. I have no idea why my One Page Navigation was set to deactivated!
Thank you very much!However is there no other way to do this without the ugly x-content-band thing? It’s really unsightly to appear on the URL address bar….
