How the hell do you get this to work???????

newedgemarketing,

At the top of the blog post, you put your links and add rel="m_PageScroll2id" to the link tag. You’ll have to do this in the HTML view of the post editor. Do this for all the links.

Example

<a href="#section2" rel="m_PageScroll2id">Section 2</a>
<a href="#section3" rel="m_PageScroll2id">Section 3</a>
<a href="#section4" rel="m_PageScroll2id">Section 4</a>

Now, you have to tell the link where to scroll to. This is done by creating <div> tags for your sections.

Example

<div id="section2">
All the content in section 2
</div>
<div id="section3">
All the content in section 3
</div>
<div id="section4">
All the content in section 4
</div>

The id of the <div> tags must match the href anchors in the <a> tags at the top of your post.

I’m not a developer… just trying to help.

You can do it with HTML as @rlinn posted or you can use plugin’s shortcodes within the post visual editor.

Example:

Create the links:

[ps2id url='#section1']Go to section 1[/ps2id]
[ps2id url='#section2']Go to section 2[/ps2id]
[ps2id url='#section3']Go to section 3[/ps2id]

Create/define the sections in your content:

[ps2id_wrap id='section1']
Section 1 text...
[/ps2id_wrap]

[ps2id_wrap id='section2']
Section 2 text...
[/ps2id_wrap]

[ps2id_wrap id='section3']
Section 3 text...
[/ps2id_wrap]

If you need more help let me know ??

I was having the same problem as newedgemarketing. Successfully pplied Malihu’s instructions on one page where I want page scrolling. Now trying to use this on 2 other pages, and having no success getting it them to work. Still works fine on the first page I applied it to. Just won’t work on any others. What am I missing??? Also, I am not a developer person either – putting this stuff in with short code

@stubbinator

Are your links url and sections id attributes correct? Can you post your page/site link so I can check it?

stubbspercussion.com/about/faqs is the page where things are working correctly. The other 2 pages are still private since I haven’t been able to get this to work. I copied & pasted the shortcodes over from the FAQs page, but changed the section#.

Also, for the “Return to Top”, no matter how much offset I indicate, the page will only scroll partway back.

BTW, “Return to Top”, on the 2 newer pages works, though with the incomplete scroll.

The plugin doesn’t work. You have an error in ‘Selector(s)’ field in plugin settings:

a[rel='m_PageScroll2id']offset:

The above value is not correct. It should be:

a[rel='m_PageScroll2id']

Change it and let me know

Changed the ‘Selector(s)’ value. The scroll up now works perfectly. Now the scroll down is not landing correctly.

BTW, on the 2 unpublished pages, I did a new copy & paste of the shortcodes and they are now linking. Go figure. Really don’t know what the difference was. Both of those pages are also now experiencing the scroll down issue. Usually lands at the beginning of the paragraph but cuts off the header.

You’ve set an offset value of 500 pixels on the links shortcodes.
You should remove the offset='500' from the shortcodes.
For example, instead of this:
[ps2id url='#section1' offset='500']link[/ps2id]
do this:
[ps2id url='#section1']link[/ps2id]

Or you can change the offset to a lower(?) value if you need, e.g.
[ps2id url='#section1' offset='100']link[/ps2id]

Awesome, everything works now! Appreciate your help on this.

BTW, for those of us who aren’t familiar with coding, it would be really helpful to clarify the instructions in your tutorial for entering the shortcode. The reality is that once one knows exactly what and where to put the shortcodes, it was really easy. Figuring how what to do was quite confusing and time consuming however. My 2-cents. Thanks for your fast response to my questions!

Hey guys!

Ok so help for dummies. Completely lost on how to make this plugin work with our website, even after reading through this post. The only menu item that works on our site is the ‘About Us’ tab.

I’m pretty illiterate so any instructions would need to be as basic as possible but learning WordPress so any help is appreciated!

https://www.slctransport.com

@strategiclogistics

Hello,

‘About us’ works because the element with id aboutus exists in the page, while the other id attributes (whatwedo, ourteam and contactus) do not.

You can add the id attributes on the element(s) you want manually (in theme’s HTML) or use plugin’s shortcodes in the editor like this:

[ps2id_wrap id='whatwedo']
what we do section content
[/ps2id_wrap]

Another way would be to simply change the links URL to an existing id attribute within your page/theme.
For example, ‘What we do’ section already has the id focus (in Chrome, right-click ‘WHAT WE DO’ section title and click inspect. In dev tools panel, you’ll see the section with id focus right above the title element). So simply changing ‘what we do’ link URL from #whatwedo to #focus will do the trick.
The same can be done with the other links. Change ‘our team’ link URL to #team and ‘contact us’ to #contact.

Worked like a charm! Thanks for the help on this and for making it easy to understand!