Okay
  Public Ticket #936637
Smooth Scrolling Feature
Closed

Comments

  •  2
    motiv_studio started the conversation

    Hello,

    Just wondering if there is smooth scrolling capabilities. I'd like it for scrolling down to certain sections on the same page.

    Thanks

  • [deleted] replied

    Hi there,

    You are asking for something like this http://demo.kaliumtheme.com/landing (menu items)?

  •  2
    motiv_studio replied

    Yes, it scrolls smoothly to the section. That's what I would like to implement on some of my links. :)

  • [deleted] replied

    You just need to do that and it will have smooth scroll animation automatically.

  •  2
    motiv_studio replied

    That's not really much help. I don't know HOW to "just do that".

    I have a link on http://clarklai.com/ at the top of the page, and it just jumps to that section.

    <a href="http://clarklai.com/#cl-home-body">Learn More</a>
  • [deleted] replied

    Hi motiv_studio,

    You are doing it wrong, it doesn't work like that, you just need to post the id there and not the link, it must be like this for example:

    <a href="#cl-home-body">Learn More</a>
    

    this is how we did that http://drops.laborator.co/8WUp on the landing demo.

  •  2
    motiv_studio replied

    Hello,

    I have changed the link to just the ID of the section, but it is still not working. Please test for yourself, I have attached a screenshot of which button I am referring to on the page.

    Thank you

  • [deleted] replied

    Hi,

    After adding class "scrollable" to that link, it will make scrollable element through the page.

    You can check it, I've already applied that class.

  •  2
    motiv_studio replied

    Thank you Arlind, it's working now. :)

  • [deleted] replied

    Great! 

    Have a nice day there

  •  13
    Lula replied

    hi, Arlind

    I'm trying to do the same - smooth scroll inside a page

    I'm using Kalium 2.0 but not with the landing demo

    could you help me with the code as you've mention "scrollable" class to be added to the links

    i've created the links/anchors on this page and just need to add the smooth scroll behavior

    http://sugirodesign.com.br/serrapilheira/home/quem-somos/

    many thanks

    Lula

  • [deleted] replied

    Hi Lula,

    You can add class "scrollable" to those links and they will be scrollable, here is one example that I have added class "scrollable" with inspect element:

    http://drops.laborator.co/aee0


  •  13
    Lula replied

    Hi, Arlind

    Perfect! So easy :)

    many thanks

    Lula

  • [deleted] replied

    Hi Lula,

    Glad to hear thatI  will set this ticket as solved from here.

    Have a great week!

  •  2
    Monotom replied

    Hi Arlind,


    Im afraid I 'm confronted with the same Problem. :(

    I tried adding the tags to the menu links and adding the class "scrollable" with inspect element, but it doesnt seem to work. Also, how do i add the scrollable class permanently?

    http://s573499317.online.de/

    Many thanks,

    Tom

  • [deleted] replied

    Hi Monotom,

    kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum, and we’re glad to help you in your new thread.

    Will set this ticket as closed from here.