Put the script
</div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
in the footer before the script for scrolling

OK, so I did some revising... and here's what I found out:

#1. The original script, not the snippet and also found in the footer, was missing </script> at the end of it. I find this very strange as I never edited it after it worked with version 1.2. The only thing I can think is that somewhere along the lines of upgrading from 1.2 to 1.5 the file was subsequently edited and then opened with the file being modified due to the new upgrade, which is even harder to fathom.

#2. Including either of the jQuery snippets that were provided by Wayanjaya or Frank did the trick when applied in appropriate sections.

#3. Including either of the jQuery snippets underneath the main, original script cancels out their function.

If I could, I'd give you hugs for your insightful input @(Frank, Wayanjaya, and Scott)! Thank you all very much for your support!

Always happy to get hugs even from afar

Glad you got it worked out

I don't want to sound like I am teaching to suck eggs but I have also found that putting an image link (small up pointing arrow ) at the bottom of the page with a #link (usually called backtotop) to the top row on the page (ID= backtotop) helps people visiting especially on smaller devices saves them having to manually scroll back. Maybe you have already done that anyway.

have a great day wherever in the world you are.

Wayan

I'm always down to learn something new and adding a backtotop icon was something that I was considering adding to the site (which I successfully did after reading your post).

It's time we added hug smiles to the list

This has been an informative thread. I hope others will be able to use this as a resource later on. Great work everyone for contributing to the cause!

I have had no luck getting this to work.
Living without it for the moment. But it would be a nice feature to have especially on very long pages.

Also on my page is a nav menu from CC Menu Builder.
Might that possibly be a jquery conflict?

Any thoughts?

cc menu shouldn't cause a conflict, there are other things that can. If possible send us a lnk to the page or upload it and we can have a quick look.

Thanks Wayanjaya,

Sorry for late reply - I had deleted the script and had to insert it on the page again before I could reply here.

Here is the page, I would be delighted if you could have a brief look and see what you can:
http://www.playrightmusicltd.com/music-books.html

BTW, I had placed the script in the Footer but when the page was rendered, I was not able to see the script as existing on the page in Developer Tools Console. So, for now, I have it placed in a HTML element before </Body>.
It should be the last item on the page. But for some reason, it appears as the penultimate item when rendering!

Best wishes,

Daniel

try remove the text async in the script
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js async></script>

thats about the only thing I spotted, perhaps a CC Guru will find something else

Thanks Wayanjaya,

I already tested it with and without 'async'. It did not work.
It is best to keep it in, especially if that line will be placed higher up the page, later.

There has to be something else negating the script, but I can't see what it is yet.
Someone more experienced than both of us may see something soon.

I hope they let us know!

Daniel

well I put the async into the script on a page and it stopped working, took async out and back to working again,
So I am sorry don't know what else could be the problem