vb.org Archive - Miscellaneous Hacks - Create "Back to top" button using jQuery in one step.

Page 4 of 4

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Miscellaneous Hacks - Create "Back to top" button using jQuery in one step. (https://vborg.vbsupport.ru/showthread.php?t=286106)

betadoor

05-18-2014 11:32 PM

thanks

DemOnstar

05-19-2014 05:14 AM

This is good to play around with. Works as it should.

AURFSCAN

05-19-2014 07:07 AM

1 Attachment(s)

I use

Code:

<a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;"><font color="maroon"><b>{vb:rawphrase top}</b></font></a>

put it wherever you want, easy to replace the phrase with an image aswell

btw, without trying this one by xixxon what is it meant to do? scroll slowly or something??

:)

DemOnstar

05-19-2014 03:52 PM

It does scroll slowly but I guess that can be changed.

I just like the effort the guy made and shared with all and sundry.

I am now using it with opacity and border radius. Looks ok and behaves well.

Cheers xixxon. I wish I could could be as inventive as you are.

I like this idea too but can't seem to get it visible. AURFSCAN
https://vborg.vbsupport.ru/showthread.php?t=311269

AURFSCAN

06-08-2014 11:37 PM

1 Attachment(s)

Ok.. I like it, thx xixxon

I use existing stylevars to match forum style

add div code to footer but add css code to additional.css

border - forumhead border color and width
background - forumhead background color
hover background - footer background color or could be #color to suit eg. shades darker
padding - whatever looks good
border radius - browser compliant

Code:

#bttop {border:{vb:stylevar forumhead_border}; background:{vb:stylevar forumhead_background};

 text-align:center; padding:3px 9px 4px 10px; position:fixed; bottom:64px; right:0px; cursor:pointer; display:none; color:{vb:stylevar forumhead_color}; font-weight:bold; 

-webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;}

#bttop:hover{border:{vb:stylevar forumhead_border}; background:{vb:stylevar footer_background}}

@demon, post in thread, i'll see if I can help :)

MentorBR

12-30-2019 03:37 PM

I was needing this :D
In case I wanted to add a button that scrolls to the last post of a topic, I think it would be cool too

oldfan

04-13-2023 05:36 PM

dont work with 4.2.6. php 7.2

All times are GMT. The time now is 12:57 AM.

Page 4 of 4

« First

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01060 seconds Memory Usage 1,728KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (7)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: