Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #606852
Elated Slider - Smooth scroll to ID
Closed

Comments

  • Orfin started the conversation

    Hello,

    In Elated Slider, under the "Elated Slider Behaviors", there's an option:

    Scroll to Section
    An arrow will appear to take viewers to the next section of the page. Enter the section anchor here, for example, '#contact'

    How can I make it smooth scroll to an anchor instead of just switching (jumping) to it?

  •  46
    Elated replied

    Hello,

    For each slide in your Elated Slider, you can enable Scroll To Section link http://screencast.com/t/sKBDC3Ec6

    In this field you should insert anchor ID of the row where you want this arrow to take you.

    So, first, go to Pages -> that page where you have your Elated Slider on, and for the first row of this page or any row that you want this link from slider to target, you need to set some anchor ID http://screencast.com/t/SfKp2V94 and then to write #ThatID in Scroll To Section field for the slide.

    It should work with smooth scroll , make sure you have Smooth Scroll enabled in Elated Options -> General http://screencast.com/t/Tvoxx0X6grek

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Orfin replied

    In Elated Slider slide I have set:

    #content

    On my home page, where the slider is located I have VC row with ID set to

    content

    Which looks like this in code

    <div id=\"content\" class=\"vc_row wpb_row section\" style=\" padding-top:75px; padding-bottom:50px; text-align:left;\">

    Smooth Scroll is set to \"Yes\" in Elated Options.

    When I click on scroll button displayed on the slider, my screen immediately jumps to #content and the ID is being displayed in the address bar.

    Scroll to top button works fine - scrolling to top is animated and I don\'t see any IDs in address bar.

  •  46
    Elated replied

    Hello again,

    when you set anchor ID for the row, did you put it in Anchor ID field http://screencast.com/t/eIGL4CkWcDb

    That is where you should set it, not in RowID field!


    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Orfin replied

    Ah! I didn\'t notice there\'s a separate ID field.

    I wasn\'t expecting that ;-)

    Thank you very much for your help!

  •  46
    Elated replied

    You\'re welcome :)

    We hope it’s not too much trouble, but we’d really appreciate it if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads. This way you’ll be helping us improve our support services and make them even more efficient.

    Have a nice upcoming weekend!

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.