template creator for wordpress themes

New forum to help you

A new forum area is now opened to help you ! Don't hesitate to post your request if you have any question in the use of the plugins.

http://forum.wp-pluginsck.com/

scroll onepage, and go to top plugin

Scroll you page where you want, and when you go down you can activate the Go To Top button to come back to the top nicely.

 

 

 

Features

  • Scroll to any element in the page (using its ID)
  • Works on any link, even in any menu
  • Easy to use, just add a css class to the link
  • Option to activate the Go To Top button

How to use it

Using a menu link

Create a menu item in your menu manager. Use a custom link to add the anchor target in the url. The anchor is the html ID of the element where you want to scroll to.

create menu link

In the menu you will need to add the CSS class to the link. To do that you must first enable the option in your screen options. Open the screen options and check the field "CSS Classes"

activate screen options

 

Then edit your menu link to add the css class "scrollTo" to it. This will tell the plugin to use this link to scroll in the page.

menu stucture with link

 

Then you must set the target element where the page must scroll to. For example if you have a HTML block in your page that has the ID "section1", you can write "#section1" in the link option to scroll to this element.

 

It is easy to know the ID of an element if you are creating your template with Template Creator CK. The ID is written in the black box when you mouseover any element in the page.

If you don't use Template Creator CK, you can inspect your page using Firebug to find the HTML ID of your block.

 

Using another link

You can also use the same technique but on any link in your page. Just assign it the CSS class "scrollTo" and set the href property to point to the ID element to scroll to.

Example of html code for a link :

<a class="scrollTo" href="#section1">Click me to scroll</a>

Download the plugin Scroll To CK

 

Privacy policy

Site made by Cédric KEIFLIN

Privacy policy - Licence GNU/GPL - General sales conditions

Copyright © 2014 - 2017