Go To Top !

Go To Top ! 2.2.1

No permission to download
Overview Updates (8) Reviews (24) History Discussion
I really like this but wondered if there was a way to move the position of it up. I use CometChat which covers up the button. Thanks.
 
VonDoom said:
Wondering how to go about disabling this.. My footer breaks terribly when its shown on smaller devices using your plugin..
Im using the footer plugin provided here similar to the XF footer and its not even close to responsive. Actually i suppose a CSS trick would work to.

outside of that. This is by far the best investment ive made regarding my forum since we moved away from vB and found XF. Thanks a ton for providing this for us..
Click to expand...
Personally I don't use it on mobile device excepts tablets. May be Matt Varone will update his js script (I don't have time to check it line by line to try to understand it)
 
Jeff Fuqua said:
I really like this but wondered if there was a way to move the position of it up. I use CometChat which covers up the button. Thanks.
Click to expand...

You will have to modify the Javascript file directly and may be the css too. If it can help, here is what I've done for one of my websites:

Code: 
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2 by Matt Varone
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
| 
| Edit: This file has been 'updated' to make it work with XenForo
/ which is using an older Jquery version. The '.on()' command has 
/ been replaced with .bind()
|--------------------------------------------------------------------------
*/
(function($){
    $.fn.UItoTop = function(options)
    {
        var defaults = {
                text: 'To Top',
                min: 200,
                inDelay:600,
                outDelay:400,
                  containerID: 'toTop',
                containerHoverID: 'toTopHover',
                scrollSpeed: 1200,
                easingType: 'linear'
        },
        settings = $.extend(defaults, options),
                containerIDhash = '#' + settings.containerID,
                containerHoverIDHash = '#'+settings.containerHoverID;
        
        $('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');

                var bottomVal = $(containerIDhash).css('bottom'); //Must be executed after append
        
        $(containerIDhash).hide()
            .bind('click.UItoTop',function() {
                $('html, body').animate({scrollTop:0}, settings.scrollSpeed, settings.easingType);
                $('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType);
                return false;
            })
            .prepend('<span id="'+settings.containerHoverID+'"></span>')
            .hover(function(){
                $(containerHoverIDHash, this).stop().animate({ 'opacity': 1 }, 600, 'linear');
                }, function() { 
                    $(containerHoverIDHash, this).stop().animate({ 'opacity': 0 }, 700, 'linear');
                }
            );

        
                    
        $(window).scroll(function() {
            var sd = $(window).scrollTop(),
            $win = $(window),
            bottomDistance = $(document).height() - ($win.height() + $win.scrollTop()),
            bottomHeightTrigger = 140,
            bottomAdjust = bottomHeightTrigger - bottomDistance;
            
            if(typeof document.body.style.maxHeight === "undefined") {
                $(containerIDhash).css({
                    'position': 'absolute',
                    'top': sd + $(window).height() - 50
                });
            }
            
            if ( bottomDistance < bottomHeightTrigger  ) {
                $(containerIDhash).css({ 'bottom': bottomAdjust+'px' });
                     }
                     else {
                $(containerIDhash).css({ 'bottom': bottomVal });                
                     }
            
            
            if ( sd > settings.min ) 
                $(containerIDhash).fadeIn(settings.inDelay);
            else 
                $(containerIDhash).fadeOut(settings.Outdelay);
        });
};
})(jQuery);
You just need to modify the value bottomHeightTrigger (on the above example set to 140 (px)). It means: if the button is positioned inside the last 140 pixels of the page then it will not go more down.
It's quite hard to explain, if you need an example, send me a pm I will send you the link of this website.
 
Rambro said:
Cedric - I ran a Google speed test and they brought back this as one of the things I could improve:

The following images served from wdwv.net should be combined into as few images as possible using CSS sprites.

http://domain/forum/styles/sedo/toTop/ui.totop_blue.png

I honestly don't know what this means, but I thought you might want to know. Trying to help out.
Click to expand...
Ignore this "alert" in this case unless you want to edit a xenforo sprite and adds in it the picture you are using
 
Any possibility of adding one more color? :whistle:
To get it to work for now I just renamed it to the white filename and use "White" which gives me "Orange".
ui.totop_orange.webpui.totop_orange_mini.webp
 
cclaerhout said:
This addon is on Github here, feel free to contribute and improve it. Adding a new picture selection requires a very little code edit, so you will have no problem to study the code and extend it :)
Click to expand...
Thanks... already have modified the xml file (not using it yet) and am perusing the rest of it. Just didn't want to start hacking on it without knowing for sure it would be OK. Only problem I see is if I auto-update I'll have to do 'em over again. ;)
And now it's done with Orange as a selectable color. Thanks! Took all of 2 minutes to edit and get it to work - you were right, no need to be a code monkey to fix it. :p
I LIKE addons like this, makes it simple enough even a caveman like me can do it.
 
Tracy Perry said:
Thanks... already have modified the xml file (not using it yet) and am perusing the rest of it. Just didn't want to start hacking on it without knowing for sure it would be OK. Only problem I see is if I auto-update I'll have to do 'em over again. ;)
And now it's done with Orange as a selectable color. Thanks! Took all of 2 minutes to edit and get it to work - you were right, no need to be a code monkey to fix it. :p
I LIKE addons like this, makes it simple enough even a caveman like me can do it.
Click to expand...
Don't be afraid to send me a pull request on github, so I can use your code to update this addon with your new picture.
 
cclaerhout said:
Don't be afraid to send me a pull request on github, so I can use your code to update this addon with your new picture.
Click to expand...
New picture(s)... I added a standard orange and then a darker burnt orange. Not familiar with github so will start doing some research.
 
cclaerhout said:
Don't be afraid to send me a pull request on github, so I can use your code to update this addon with your new picture.
Click to expand...
OK... I "think" I submitted a pull request. Forked your project, made the edits locally, synced them to my fork and then submitted a pull request. Right process?
 
Tracy Perry said:
OK... I "think" I submitted a pull request. Forked your project, made the edits locally, synced them to my fork and then submitted a pull request. Right process?
Click to expand...
Yes, right process. I've received the fork notification yesterday, but after having spending a day to try to improve the Redactor code insertion inside the DOM and failing to do it properly, I was quite upset. But don't worry, I got your fork, I will share it for sure.
 
cclaerhout said:
Yes, right process. I've received the fork notification yesterday, but after having spending a day to try to improve the Redactor code insertion inside the DOM and failing to do it properly, I was quite upset. But don't worry, I got your fork, I will share it for sure.
Click to expand...
Yeah!!!! I figured it out right on the first attempt them. Amazing what you can do when the little marbles are shook up in the bowl on top of ones shoulders. :D
Wish I could help you out with the other, but that's WAY above my ken. :confused:
 
Tracy Perry said:
Any possibility of adding one more color? :whistle:
To get it to work for now I just renamed it to the white filename and use "White" which gives me "Orange".
View attachment 44414View attachment 44416
Click to expand...
Maybe you should try asking for the original images? Although I'm not sure if they have it. Since there is a big quality difference if you're editing the compressed image. For example, the image lost its gradient, colour is spilling out onto the border, arrows are distorted, etc.
 
Despair said:
Maybe you should try asking for the original images? Although I'm not sure if they have it. Since there is a big quality difference if you're editing the compressed image. For example, the image lost its gradient, colour is spilling out onto the border, arrows are distorted, etc.
Click to expand...
I will check this
 
Despair said:
Maybe you should try asking for the original images? Although I'm not sure if they have it. Since there is a big quality difference if you're editing the compressed image. For example, the image lost its gradient, colour is spilling out onto the border, arrows are distorted, etc.
Click to expand...
If I'm not mistaken, the .PSD's in the extra's folder are just that - and Gimp won't (as far as I can figure out so far) allow much to be done with a .PSD. I'm not a graphics artist by far, and just downloaded the trial version of PhotoShop - but I'm not going out and paying $399 for something I will use once in a blue moon - and never for any income related purposes.
Cedric, just disregard... As soon as I can figure out how to delete the fork I'm removing it.
Fork is deleted.
 
Tracy Perry said:
If I'm not mistaken, the .PSD's in the extra's folder are just that - and Gimp won't (as far as I can figure out so far) allow much to be done with a .PSD. I'm not a graphics artist by far, and just downloaded the trial version of PhotoShop - but I'm not going out and paying $399 for something I will use once in a blue moon - and never for any income related purposes.
Cedric, just disregard... As soon as I can figure out how to delete the fork I'm removing it.
Fork is deleted.
Click to expand...
Nooo, it doesn't matter. Come one, keep your fork.
 
cclaerhout said:
Nooo, it doesn't matter. Come one, keep your fork.
Click to expand...
Naw... once I can get the graphics portion of it down I may fork it again, but I don't want to be one that contributes to lower the quality of the add on. If I can figure out PhotoShop before the 30 day trial is over then I'll kick it back in.
 
Cedric - I found a bug. Using the Soft Responsive or Black Responsive themes by Arty, on mobiles when the mobile GoToTop button is activated, when a user quotes a post it causes the field focus to jump back up the page instead of down to the reply box. Tested with the style property activated but with the mobile button off and it works normally. Same with the style property deactivated. Here's a pic example:

The post to be quoted:
zsRcHUD.jpg


What it looks like after the quote:
FG47CQS.jpg
 
You must log in or register to reply here.

Similar threads

Mr Lucky
Duplicate After saving a template page refresh goes back to top of page
Replies
11
Views
309
Mr Lucky
Mr Lucky
BikeGremlin
  • Question Question
XF 2.2 Google AdSense anchor ads covering the scroll-to-top on desktop
Replies
6
Views
521
BikeGremlin
BikeGremlin
securedme
  • Question Question
XF 2.2 Possible to swipe left right to go to previous and next thread on mobile view?
Replies
0
Views
131
securedme
securedme
A
  • Solved
XF 2.2 Any way to move the style button to top (menu)?!
Replies
2
Views
410
Andreas.Tech
A
securedme
  • Question Question
XF 2.2 Possible to go to pre/next page by swiping left/right on the screen of a mobile device?
Replies
0
Views
91
securedme
securedme
Top Bottom