Support Center Visit Demo License manager Buy @ envato

ID Anchors not working properly

guillermofr90guillermofr90
edited June 2017 in Theme support
I have added an ID to one of my pages section ( you can see it here https://www.creativelead.es/#llamada ) , that part is OK.

The problem: I have added a button in Revolution Slider: the one that says 'MÁS DETALLES': that button is supposed to scroll down to #llamada but most of the times it gets 'stuck' on the first muffin builder section of the page.

Im using <a href="#llamada" class="scroll"> on the button code and Revolution Slider Action is set to Scroll Below Slider.

- There is no other section called #llamada, i also have tried to change the ID name
- The page is set to 'One page'

Comments

  • BryanBryan
    Hi,
    Everything seems to be working correctly, the page scrolls to the coreect ID, do you have any cache? Try disabling it
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • guillermofr90guillermofr90
    edited June 2017
    I have 'WP Super Cache' plugin which is now disabled, and i've also tried to clear cache on different browsers and its still getting stuck.

    I have recorded the problem on both different browsers (chrome/firefox) with cleared cache / incognito navigation: https://www.creativelead.es/wp-content/uploads/2017/06/2017-06-14-16-25-08.flv
    Its also happening on a second computer though (didnt test others)

    Is it working correctly on your computer?

  • BryanBryan
    This is because the div that contains the button also have a click event, when you click the button you also click the div and two actions are fired off. Please go to rev slider and check if you have selected any action on that div, we are talking about click actions.

    P.S. When you click on the text it scrolls correctly but then you click the background of the button is does not scroll.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • guillermofr90guillermofr90
    You are right: the button contains a click event, and the button content (the anchor with scroll class) contains another one, so when you click the anchor text it scrolls correctly, and the button just does the another action.

    I just removed the button and added an anchor with padding which looks the same way, and its now working properly.

    Thanks you so much.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.