custom link one page smooth scrolling

With Scroll To CK you can set a duration and an offset when you scroll to the links. You can set the values for all links in the plugin options, but you can also set an individual value for each link.

Set the values plugin options for all links

 plugin options scroll

 

  • Effect duration : set a value in ms, this is the time that is needed to scroll to your link
  • Vertical offset : set the value in px, this is useful if you have a top fixed banner, you can tell the system to move down or up (you can use negative values)

The settings that you give here are applied to all links using Scroll To CK.

 

Set the values for each link

If you want to fine tune your design, you may want to control each link according to its position in the page, and the position of the targetted anchor. Using HTML attributes on your link you can use specific options.

Edit the HTML code and add the attribute to your link

  • data-offset : set the offset in px
  • data-speed : set the duration in ms
  • data-mobile-offset : set the offset in px for the mobile resolution (defined in the plugin options)

Example of custom link :

<a href="#customarea" data-offset="150" data-speed="1500" class="scrollTo">Scroll to custom area</a>

These values will override the default settings that you have set in the plugin.

Download Scroll To CK

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner