Scrolling to anchors with the full screen slider enabled
-
Hi guys,
I'm trying to create text links that are linking to specific anchors on the page but with the full screen slider enabled. It seems to be working partially but it's very buggy. The theme and plugins are updated to the latest version. The solution mentioned in this thread doesn't seem to work: http://laythemeforum.com:4567/topic/947/scroll-to-anchors-with-fullscreen-slider-addon-back-to-top-button-doesn-t-work/2
Can anyone please advise? Any help would be greatly appreciated. Many thanks in advance.
Also, is it possible to use keyboard arrows in the carousel plugin?
The site: http://white.elmot.atthouse.pl/
-
-
Hey @mariusjopen
Thank you for the quick reply.
I'm currently using normal anchor links (address.com/#anchor) but that is causing the full screen slider to malfunction (http://white.elmot.atthouse.pl/). Prior to that, I was trying to use the technique described in this post by @arminunruh from 2017, but it didn't work at all: http://laythemeforum.com:4567/topic/947/scroll-to-anchors-with-fullscreen-slider-addon-back-to-top-button-doesn-t-work/3. Here's the result: http://white.elmot.atthouse.pl/home-2
Do you happen to have any suggestions how this could be fixed?
Cheers!
-
Dear @zochovsky
ok. We will check if the method which Armin described back then is still valid.Best!
Marius
-
Thanks @mariusjopen
Not sure if this helps, but here's the page where the aforementioned method was used: http://white.elmot.atthouse.pl/home-2
Cheers!
-
Hey man
Wow nice website
http://white.elmot.atthouse.pl/So the problem is im looking at this just now and I cannot see any anchor links to click on.
Scrolling to anchor links like: href="#link" will not work when the fullscreen slider is active.
You should do:jQuery.fn.fullpage.moveTo(2);
Where 2 is the index of the slide you want to move to. I just tested this on my lay theme installation and it works. You shouldn't mix an anchor like href="#link" and doing this.
If you want me to take another look, please send a link where I can view this not working.
-
Hey @arminunruh ,
Thanks so much for the reply and for the compliment on the website—that was very nice to hear!
Sorry, in the meantime I moved the page where the issue was occurring to another location. Here's the page in question: http://white.elmot.atthouse.pl/home-2.Unfortunately I'm code-illiterate so didn't fully understand that jQuery part of your post. However, if you could take another look, that would be absolutely amazing. I can also send you login details to the site, if that helps?
Thank you again for looking into this, it's much appreciated.
-
Dear @zochovsky
did you have a look here?
https://laytheme.com/documentation.html#custom-javascript
Best!Marius
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it