Back to top

[♥ ℒʊ√ ♥]

I'm glad it's working again, toetapping. 


I'm bookmarking this page, too ~ just in case mine stops  working!


I didn't want to post until I checked to be sure it still was. 

[Lynx]

I think it must have been when FF went to 36.0 as I had tried earlier when my FF was still at 35.0.1 and had no issues with the up button. Just thought you might like to know.

[♥ ℒʊ√ ♥]

Thank you for pointing that out, Lynx.

My FF wasn't updated. As soon as I updated from 35.0.1 to 36.0 , my up/down doesn't work anymore either.

Brian, the code you gave Toetapping isn't working on my board.

Help would be appreciated.

Thank you!

[Chrissie]

I've got the same problem with my up & Brian code isn't working on my board either

[Brian]

♥ ℒʊ√ ♥/Chrissie: That's because the code is specifically for their forum and targets elements on their forum based on differently structured HTML than yours.

If you want it to work on yours, add class="to-top" to the <a> tag of your Top button and class="to-bottom" to the <a> tag of your Bottom button, then use this code instead:

<script type="text/javascript">
// Back to top onclick fix
function scrollClick(){
$('.to-top').click(function(){ scroll(0,0); });
$('.to-bottom').click(function(){ scroll(0,document.body.scrollHeight); });
}
$(document).ready(function(){ scrollClick(); });
proboards.on('afterSearch',function(){ scrollClick(); });
</script>

[♥ ℒʊ√ ♥]

Thank you, Brian! That worked.

But what a true PITA for me trying to remember which of my themes have this feature and which don't.

Boo on Firefox for making this type of change.

[kimmypops]

kimmypopsracing.proboards.com/

My back to top is not working. I posted the new code in it but its still not working. I don't know how you add/change the extra code 'If you want it to work on yours, add class="to-top" to the <a> tag of your Top button and class="to-bottom" to the <a> tag of your Bottom button, then use this code instead:
Can somebody change it on my forum please?

Thank you.

[Brian]

Feb 26, 2015 13:07:50 GMT -8 kimmypops said:

kimmypopsracing.proboards.com/

My back to top is not working. I posted the new code in it but its still not working. I don't know how you add/change the extra code 'If you want it to work on yours, add class="to-top" to the <a> tag of your Top button and class="to-bottom" to the <a> tag of your Bottom button, then use this code instead:
Can somebody change it on my forum please?

Thank you.

Just change the opening tag of your Back to Top link from <a onclick="scroll(0,0);"> to this:

<a class="to-top" onclick="scroll(0,0);">

Do the same thing with the one that goes to the bottom, but use class="to-bottom" instead.

Once those are both done the last code I posted in this thread should work.

[Chrissie]

Thank you so much Brian - it works fine

[kimmypops]

Hi

Tried but I am hopeless with this sort of thing. Will try and get somebody to do it for me.

[kimmypops]

Hi

Sorry to be a pain but can somebody just copy and post the code I need with the amendments made.

Thank you.

[Lynx]

kimmypops

This is what I did to get mine to work (you can test it here).

Admin > Themes > Layout Templates > Thread > Post List (tab) - copy Brian's code above and place it as the first lines, so it looks like this at the top:



Then scroll down and add this in (you may have to adjust where you want it) - look to where you see the line starting with <a class="to-top"

[BC]

I've sorted Kimmypops' Top/Bottom links.

Thanks to Brian  for the code and MSG for where to find the links code for the classes - I couldn't remember!

I pasted the larger section of code in the Global Header.

BC

[kimmypops]

Thank you BC.

[blc]

CheatAreZee

I don't use buttons on my forum for the back to the top in each post. I just had text. This is what I used to do.

Go to Theme , Layout Template, Thread , Post list. Find this section of the code: around line 34 or 47



{if $[post.edited]}
<div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
{/if}





And replace it with this:

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} - {/if}<a onclick="scroll(0,0);">Back to Top</a></div>

FF's upgrade made it not work. Can you help me fix it?